HTML Color Pallet

Web Colors and the Color Safe Pallet: Should I still worry about the number of colors my visitors browse displays?

How your computer, Windows and your browser display colors in text and backgrounds
is not the focus here nor is this a tutorial on how your computer uses them. It is meant as
a reference guide as to what colors you can safely use a webmaster. The following chart at the bottom
of the page displays the 216 non-dithering web site safe color codes.

When you use a color that Windows (or Mac) does not recognize the system dithers the
color, or adds additional pixels to try to make up for the system’s or browser’s shortcomings
or just the fact that due to the users monitor the color setting is at 256 color.
The end result is a color on your page that you did not intend or a background color that washes
out the page or darkens it making your text unreadable.

Your computer uses what is called subtractive and additive color, adding subtracting
and combining red (R) green (G) and blue (B) in a six digit code referred to as RGB for the
three colors involved. RGB uses a letter system to define the colors to be displayed and zeros for
the absence of that color value. Hence FF0000 would call for the color red. 00FF00 would call for
green, 0000FF for blue and FFFFFF would call for all the colors and result in white. 000000 would
be the absence of all colors and produces black.

Now to confuse things lets add the hexidecimal system with values starting at 0, thru 9 and letter
values A thru F. Hexidecimal notation uses 16 characters, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E,
and F. Now back to the non-dithering colors that you will want to us on your web pages. Using the hexidecimal
system and a combination of 00, 33, 66, 99, and 00 plus FF and CC we create the web-safe color palatte.

If you stick to the characters F and C and the numbers 3, 6 and 9 you should be OK. That does not
mean you can’t go outside these codes, it means that if you do, you better test it in all the browers,
resolutions and color rendering capabilities. (256 colors, 16 bit and 24 bit)

In short, both Microsoft and Macintosh, Netscape and Internet Explorer recognize these colors and
displays them truthfully on both platforms.

I know many of you are new to HTML so here’s a quick guide to color codes. First your color codes go
between double parenthesis starting with a pound sign. bgcolor=”#FFFFFF” would call for a black background.
You will find this code in the tag, and in

tags calling for background colors.

Many will tell that you no longer need to use the # before your color values as new browsers do not require it,
but old habits die hard. Also if you decide to begin using XHTML of XML you must use double quotes around
all atributes.

 
FF00FF FF33FF FF66FF FF99FF FFCCFF FFFFFF FFFF66 FFCC66 FF9966 FF6666 FF3366 FF0066
 
CC00FF CC33FF CC66FF CC99FF CCCCFF CCFFFF CCFF66 CCCC66 CC9966 CC6666 CC3366 CC0066
 
9900FF CC33FF 9966FF 9999FF 99CCFF 99FFFF 99FF66 99CC66 999966 996666 993366 990066
 
66300FF 6633FF 6666FF 6699FF 66CCFF 66FFFF 66FF66 66CC66 669966 666666 663366 660066
 
3300FF 3333FF 3366FF 3399FF 33CCFF 33FFFF 33FF66 33CC66 339966 336666 333366 330066
 
0000FF 0033FF 0066FF 0099FF 00CCFF 00FFFF 00FF66 00CC66 009966 006666 003366 000066
 
0000CC 0033CC 0066CC 0099CC 00CCCC 00FFCC 00FF33 00CC33 009933 006633 003333 000033
 
3300CC 3333CC 3366CC 3399CC 33CCCC 33FFCC 33FF33 33CC33 339933 336633 333333 330033
 
6600CC 6633CC 6666CC 6699CC 66CCCC 66FFCC 66FF33 66CC33 669933 666633 663333 660033
 
9900CC 9933CC 9966CC 9999CC 99CCCC 99FFCC 99FF33 99CC33 999933 996633 993333 990033
 
CC00CC CC33CC CC66CC CC99CC CCCCCC CCFFCC CCFF33 CCCC33 CC9933 CC6633 CC3333 CC0033
 
FF00CC FF33CC FF66CC FF99CC FFCCCC FFFFCC FFFF33 FFCC33 FF9933 FF6633 FF3333 FF0033
 
FF0099 FF3399 FF6699 FF9999 FFCC99 FFFF99 FFFF00 FFCC00 FF9900 FF6600 FF3300 FF0000
 
CC0099 CC3399 CC6699 CC9999 CCCC99 CCFF99 CCFF00 CCCC00 CC9900 CC6600 CC3300 CC0000
 
990099 993399 996699 999999 99CC99 99FF99 99FF00 99CC00 999900 996600 993300 990000
 
660099 663399 666699 669999 66CC99 66FF99 66FF00 66CC00 669900 666600 663300 660000
 
330099 333399 336699 339999 33CC99 33FF99 33FF00 33CC00 339900 336600 333300 330000
 
000099 003399 006699 009999 00CC99 00FF99 00FF00 00CC00 009900 006600 003300 000000