Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


advertisement
 

HTML Basics: Choosing A Color

This section interactively presents the colors you can use.


advertisement
There are four ways to specify color:
  1. By Color Name
  2. By hexadecimal value.
  3. By RGB percents (only with CSS/XSL)
  4. By RGB decimal values (only with CSS/XSL)

Here's a chart of colornames, codes, and samples. If you want to see how a color looks in more detail, just click on the alphabet and—pop—the whole page background will change to that color. This does require a JavaScripted Web browser. You should be fine if you are using Netscape Navigator 2.0+, Internet Explorer 3.0+ or any other Web browser that supports JavaScript.

This chart can be very useful for determining if your color is legible against the background color you wish to use.



ColorValueClick Sample Text
alicebluef0f8ff AaBbCcDdEeFfGg0123456789
antiquewhitefaebd7 AaBbCcDdEeFfGg0123456789
aqua 00ffff AaBbCcDdEeFfGg0123456789
aquamarine7fffd4 AaBbCcDdEeFfGg0123456789
azuref0ffff AaBbCcDdEeFfGg0123456789
beigef5f5dc AaBbCcDdEeFfGg0123456789
bisqueffe4c4 AaBbCcDdEeFfGg0123456789
black000000 AaBbCcDdEeFfGg0123456789
blanchedalmondffebcd AaBbCcDdEeFfGg0123456789
blue0000ff AaBbCcDdEeFfGg0123456789
blueviolet8a2be2 AaBbCcDdEeFfGg0123456789
browna52a2a AaBbCcDdEeFfGg0123456789
burlywooddeb887 AaBbCcDdEeFfGg0123456789
cadetblue5f9ea0 AaBbCcDdEeFfGg0123456789
chartreuse7fff00 AaBbCcDdEeFfGg0123456789
chocolated2691e AaBbCcDdEeFfGg0123456789
coralff7f50 AaBbCcDdEeFfGg0123456789
cornflowerblue6495ed AaBbCcDdEeFfGg0123456789
cornsilkfff8dc AaBbCcDdEeFfGg0123456789
crimsondc143c AaBbCcDdEeFfGg0123456789
cyan00ffff AaBbCcDdEeFfGg0123456789
darkblue00008b AaBbCcDdEeFfGg0123456789
darkcyan008b8b AaBbCcDdEeFfGg0123456789
darkgoldenrodb8b60b AaBbCcDdEeFfGg0123456789
darkgraya9a9a9 AaBbCcDdEeFfGg0123456789
darkgreen 006400 AaBbCcDdEeFfGg0123456789
darkkhaki bdb76b AaBbCcDdEeFfGg0123456789
darkmagenta 8b008b AaBbCcDdEeFfGg0123456789
darkolivegreen 556b2f AaBbCcDdEeFfGg0123456789
darkorange ff8c00 AaBbCcDdEeFfGg0123456789
darkorchid 9932cc AaBbCcDdEeFfGg0123456789
darkred 8b0000 AaBbCcDdEeFfGg0123456789
darksalmon e9967a AaBbCcDdEeFfGg0123456789
darkseagreen 8fbc8f AaBbCcDdEeFfGg0123456789
darkslateblue 483d8b AaBbCcDdEeFfGg0123456789
darkslategray 2f4f4f AaBbCcDdEeFfGg0123456789
darkturquoise 00ced1 AaBbCcDdEeFfGg0123456789
darkviolet 9400d3 AaBbCcDdEeFfGg0123456789
deeppink ff1493 AaBbCcDdEeFfGg0123456789
deepskyblue 00bfff AaBbCcDdEeFfGg0123456789
dimgray 696969 AaBbCcDdEeFfGg0123456789
dodgerblue 1e90ff AaBbCcDdEeFfGg0123456789
firebrick b22222 AaBbCcDdEeFfGg0123456789
floralwhite fffaf0 AaBbCcDdEeFfGg0123456789
forestgreen 228b22 AaBbCcDdEeFfGg0123456789
fuchsia ff00ff AaBbCcDdEeFfGg0123456789
gainsboro dcdcdc AaBbCcDdEeFfGg0123456789
ghostwhite f8f8ff AaBbCcDdEeFfGg0123456789
gold ffd700 AaBbCcDdEeFfGg0123456789
goldenrod daa520 AaBbCcDdEeFfGg0123456789
gray 808080 AaBbCcDdEeFfGg0123456789
green 008000 AaBbCcDdEeFfGg0123456789
greenyellow adff2f AaBbCcDdEeFfGg0123456789
honeydew f0fff0 AaBbCcDdEeFfGg0123456789
hotpink ff69b4 AaBbCcDdEeFfGg0123456789
indianred cd5c5c AaBbCcDdEeFfGg0123456789
indigo 4b0082 AaBbCcDdEeFfGg0123456789
ivory fffff0 AaBbCcDdEeFfGg0123456789
khaki f0e68c AaBbCcDdEeFfGg0123456789
lavender e6e6fa AaBbCcDdEeFfGg0123456789
lavenderblush fff0f5 AaBbCcDdEeFfGg0123456789
lawngreen 7cfc00 AaBbCcDdEeFfGg0123456789
lemonchiffon fffacd AaBbCcDdEeFfGg0123456789
lightblue add8e6 AaBbCcDdEeFfGg0123456789
lightcoral f08080 AaBbCcDdEeFfGg0123456789
lightcyan e0ffff AaBbCcDdEeFfGg0123456789
lightgoldenrodyellowfafad2 AaBbCcDdEeFfGg0123456789
lightgreen 90ee90 AaBbCcDdEeFfGg0123456789
lightgrey d3d3d3 AaBbCcDdEeFfGg0123456789
lightpink ffb6c1 AaBbCcDdEeFfGg0123456789
lightsalmon ffa07a AaBbCcDdEeFfGg0123456789
lightseagreen 20b2aa AaBbCcDdEeFfGg0123456789
lightskyblue 87cefa AaBbCcDdEeFfGg0123456789
lightslategray 778899 AaBbCcDdEeFfGg0123456789
lightsteelblue b0c4de AaBbCcDdEeFfGg0123456789
lightyellow ffffe0 AaBbCcDdEeFfGg0123456789
lime 00ff00 AaBbCcDdEeFfGg0123456789
limegreen 32cd32 AaBbCcDdEeFfGg0123456789
linen faf0e6 AaBbCcDdEeFfGg0123456789
magenta ff00ff AaBbCcDdEeFfGg0123456789
maroon 800000 AaBbCcDdEeFfGg0123456789
mediumaquamarine 66cdaa AaBbCcDdEeFfGg0123456789
mediumblue 0000cd AaBbCcDdEeFfGg0123456789
mediumorchid ba55d3 AaBbCcDdEeFfGg0123456789
mediumpurple 9370db AaBbCcDdEeFfGg0123456789
mediumseagreen 3cb371 AaBbCcDdEeFfGg0123456789
mediumslateblue 7b68ee AaBbCcDdEeFfGg0123456789
mediumspringgreen 00fa9a AaBbCcDdEeFfGg0123456789
mediumturquoise 48d1cc AaBbCcDdEeFfGg0123456789
mediumvioletred c71585 AaBbCcDdEeFfGg0123456789
midnightblue 191970 AaBbCcDdEeFfGg0123456789
mintcream f5fffa AaBbCcDdEeFfGg0123456789
mistyrose ffe4e1 AaBbCcDdEeFfGg0123456789
moccasin ffe4b5 AaBbCcDdEeFfGg0123456789
navajowhite ffdead AaBbCcDdEeFfGg0123456789
navy 000080 AaBbCcDdEeFfGg0123456789
oldlace fdf5e6 AaBbCcDdEeFfGg0123456789
olive 808000 AaBbCcDdEeFfGg0123456789
olivedrab 6b8e23 AaBbCcDdEeFfGg0123456789
orange ffa500 AaBbCcDdEeFfGg0123456789
orangered ff4500 AaBbCcDdEeFfGg0123456789
orchid da70d6 AaBbCcDdEeFfGg0123456789
palegoldenrod eee8aa AaBbCcDdEeFfGg0123456789
palegreen 98fb98 AaBbCcDdEeFfGg0123456789
paleturquoise afeeee AaBbCcDdEeFfGg0123456789
palevioletred db7093 AaBbCcDdEeFfGg0123456789
papayawhip ffefd5 AaBbCcDdEeFfGg0123456789
peachpuff ffdab9 AaBbCcDdEeFfGg0123456789
peru cd853f AaBbCcDdEeFfGg0123456789
pink ffc0cd AaBbCcDdEeFfGg0123456789
plum dda0dd AaBbCcDdEeFfGg0123456789
powderblue b0e0e6 AaBbCcDdEeFfGg0123456789
purple 800080 AaBbCcDdEeFfGg0123456789
red ff0000 AaBbCcDdEeFfGg0123456789
rosybrown bc8f8f AaBbCcDdEeFfGg0123456789
royalblue 4169e1 AaBbCcDdEeFfGg0123456789
saddlebrown 8b4513 AaBbCcDdEeFfGg0123456789
salmon fa8072 AaBbCcDdEeFfGg0123456789
sandybrown f4a460 AaBbCcDdEeFfGg0123456789
seagreen 2e8b57 AaBbCcDdEeFfGg0123456789
seashell fff5ee AaBbCcDdEeFfGg0123456789
sienna a0522d AaBbCcDdEeFfGg0123456789
silver c0c0c0 AaBbCcDdEeFfGg0123456789
skyblue 87ceed AaBbCcDdEeFfGg0123456789
slateblue 6a5acd AaBbCcDdEeFfGg0123456789
slategray 708090 AaBbCcDdEeFfGg0123456789
snow fffafa AaBbCcDdEeFfGg0123456789
springgreen 00ff7f AaBbCcDdEeFfGg0123456789
steelblue 4682b4 AaBbCcDdEeFfGg0123456789
tan d2b48c AaBbCcDdEeFfGg0123456789
teal 008080 AaBbCcDdEeFfGg0123456789
thistle d8bfd8 AaBbCcDdEeFfGg0123456789
tomato ff6347 AaBbCcDdEeFfGg0123456789
turquoise 40e0d0 AaBbCcDdEeFfGg0123456789
violet ee82ee AaBbCcDdEeFfGg0123456789
wheat f5deb3 AaBbCcDdEeFfGg0123456789
white ffffff AaBbCcDdEeFfGg0123456789
whitesmoke f5f5f5 AaBbCcDdEeFfGg0123456789
yellow ffff00 AaBbCcDdEeFfGg0123456789
yellowgreen a9cd32 AaBbCcDdEeFfGg0123456789


   
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap