Choosing Your Colors

Choosing colors that will work on every system may seem like an insurmountable problem. To insure that viewers see the colors you want them to see, select colors from the 216 Web safe color chart (shown below). They will show the same on any color setting with any graphical browser (Web safe colors do not apply to Web TV). Another factor to consider is around 1 in 10 of the population have some kind of color blindness, the most common being red-green color blindness. The safest option is to stick to these rules: 1) use only Web safe colors; 2) use dark text on light backgrounds; 3) use light text on dark backgrounds; and 4) do not rely on differences in color to convey essential information.

Color codes must be given as hexadecimal numbers in the form "#RRGGBB" where RR represents the intensity of red, GG the intensity of green and BB the intensity of blue. Each intensity is a hexadecimal number from Hex 00 to Hex FF. When using color codes in your HTML documents, you must have the # symbol in front of the color code and the whole code must be enclosed within quotation marks. Below is a table of Web safe colors and their corresponding codes. Since there are over 16 million color codes, this table shows a cross sampling through all the codes. The table gives color intensities as multiples of Hex 33. These multiples are HEX 00, 33, 66, 99, CC, and FF or 6 intensities of each color. Thus we have 6 x 6 x 6 = 216 color codes in the table. You can use values other than those in the table. So you can use any legal code you like. However, older browsers cannot distinguish all these millions of color shades. For example, there are many codes that are so close to red that the browser will simply round off to the red color code in the table. So if you give it a code whose shade the browser cannot distinguish, it will "round off" to the nearest color in the table or one that it can distinguish.

After selecting your colors from the Web Safe Colors Chart or entering your own colors for each section, click on "SHOW ME MY COLOR CHOICES" and the results will be shown.

Headline Goes Here.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut consectetuer eros ac ante. Nulla bibendum turpis acmetus. Pellentesque luctus, sem sit amet gravida convallis, est velit egestas massa, eget pellentesque tortor nequevitae metus. Sed metus augue, molestie rhoncus, venenatis vitae, aliquet eget, ante.

To Top TO TOP