|
More articles... ...at
Website Awards! Read articles submitted by various recognized award masters!
|
|

| Title: |
Understanding WebSafe (Hexadecimal) Colors |
|
By: |
Richard A. Berends |
|
Dated: |
16 September 2000 |
WebSafe colors are the 216 colors that will display correctly on all browsers and/or platforms. If possible, your graphics should only consist out of these colors for a perfect view by all your visitors. Try to use these colors as your primary colors. How they works
Websafe colors are defined by RGB pairs of 00, 33, 66, 99, CC and FF. From the palette below you can clearly see six blocks of color groups. Each block consists out of six columns and six rows - in total 36 colors per group. All groups together adds up to 216 colors.
Green Values
From left to right block A represents the "FF" range, block B the "CC" values up to the sixth block (bottom right) representing the "FF" values. These values appears in the middle of the hexadecimal code (e.g. XX00XX, where 00 represents the value).
Red Values
From left to right the first column represents "00" values, the second "33" values up to the sixth column, which represent "FF" values. These values appear in the beginning of the hexadecimal code (e.g. #00XXXX, where 00 represents the value).
Blue Values
From top to bottom the first row represents "00" values, the second "33" up to the sixth row which represents "FF" These values appear in the end of the hexadecimal code (e.g. #XXXX00, where 00 represents the value).
The 216 Web safe colors Palette:
The "Web safe colors pallet" is the actual color pallet in use by most popular browsers. Since browsers display colors "differently", this pallet became the standard of most browsers, and is optimized to be cross platform compatible (Mac an PC). The colors were selected based on a mathematical formula and not by any artistic convention.
The pallet contains 216 (of 256 possible) colors, as illustrated below. Click on the color of your choice to view its Hexadecimal value. The code will appear in the text box below. The color of the code will also appear next to the text box.
Additional Information on Color:
|