The 216 Browser Safe Colors
Before the days of High Color and
True Color, older computer monitors (back
in the late 1990s) displayed only 256 colors because they only had 8-bit
video cards. Even different Web browsers had their own unique palette
of 256 colors, but they all had some colors in common. These common
colors are called the "Browser Safe Colors"
or "216 Web Palette" and they all displayed
the same in all the Web browsers.
So if you wanted to display a graphic on the web and
you wanted to make sure that all the colors in the graphic displayed
correctly, then you had to use only Browser Safe Colors.
With today's high color monitors and powerful graphics
cards, the use of Browser Safe Colors isn't nearly as important.
But if you have a simple graphic (less than 256 colors), then sticking
with Browser Safe Colors is a good idea because you know for sure that
it will look the same to everyone who views it on the Web.
HEX Representation of Colors
In
the HEX Color System a color is represented by a number that has 6
digits.
- These 6 digits represent the three colors of Red, Green and
Blue:
- The first two digits represent the RED component.
- The next two represent the GREEN component.
- The last two represent the BLUE component.
- A single HEX digit can have a value of 0 through 9 or A
through F.
- "00" means no color at all and "FF" is the highest value
which means maximum color.
The color GREEN in HEX is represented by the number "00FF00".
It has no RED or BLUE components, and has a maximum of the GREEN component.
RGB Representation of Colors
In the RGB Color System a color is represented
by three numbers:
- The first number represents the RED component.
- The second number represent the GREEN component.
- The third number represent the BLUE component.
- A number can have a value of 0 through 255.
- 0 means no color at all and 255 is the highest value which
means maximum color.
The color GREEN in RGB is represented by the three numbers
"0 255 0".
Where Red=0, Green=255 and Blue=0.
In the Browser Safe Colors table, the HEX representation
for each color is listed.
This table shows the relationship between HEX values and their
equivalent RGB
values:
| HEX |
00 |
33 |
66 |
99 |
CC |
FF |
| RGB |
0 |
51 |
102 |
153 |
204 |
255 |
So the color 336600 in HEX would be
represented by 51 102 0 in RGB.
In the table below, Black, Grays and White have
Bold Red lettering.
Primary Colors and Complements have BOLD ITALIC lettering.
The number in each box is the hexadecimal representation for that particular
color.
Click the Tutorial Next button one
more time for the Course Completion.
|
000000 - Black |
000033 |
000066 |
000099 |
0000CC |
0000FF - Blue |
|
003300 |
003333 |
003366 |
003399 |
0033CC |
0033FF |
|
006600 |
006633 |
006666 |
006699 |
0066CC |
0066FF |
|
009900 |
009933 |
009966 |
009999 |
0099CC |
0099FF |
|
00CC00 |
00CC33 |
00CC66 |
00CC99 |
00CCCC |
00CCFF |
|
00FF00 - Green
|
00FF33 |
00FF66 |
00FF99 |
00FFCC |
00FFFF - Cyan
|
|
330000 |
330033 |
330066 |
330099 |
3300CC |
3300FF |
|
333300 |
333333 - 80% |
333366 |
333399 |
3333CC |
3333FF |
|
336600 |
336633 |
336666 |
336699 |
3366CC |
3366FF |
|
339900 |
339933 |
339966 |
339999 |
3399CC |
3399FF |
|
33CC00 |
33CC33 |
33CC66 |
33CC99 |
33CCCC |
33CCFF |
|
33FF00 |
33FF33 |
33FF66 |
33FF99 |
33FFCC |
33FFFF |
|
660000 |
660033 |
660066 |
660099 |
6600CC |
6600FF |
|
663300 |
663333 |
663366 |
663399 |
6633CC |
6633FF |
|
666600 |
666633 |
666666 - 60% |
666699 |
6666CC |
6666FF |
|
669900 |
669933 |
669966 |
669999 |
6699CC |
6699FF |
|
66CC00 |
66CC33 |
66CC66 |
66CC99 |
66CCCC |
66CCFF |
|
66FF00 |
66FF33 |
66FF66 |
66FF99 |
66FFCC |
66FFFF |
|
990000 |
990033 |
990066 |
990099 |
9900CC |
9900FF |
|
993300 |
993333 |
993366 |
993399 |
9933CC |
9933FF |
|
996600 |
996633 |
996666 |
996699 |
9966CC |
9966FF |
|
999900 |
999933 |
999966 |
999999 - 40% |
9999CC |
9999FF |
|
99CC00 |
99CC33 |
99CC66 |
99CC99 |
99CCCC |
99CCFF |
|
99FF00 |
99FF33 |
99FF66 |
99FF99 |
99FFCC |
99FFFF |
|
CC0000 |
CC0033 |
CC0066 |
CC0099 |
CC00CC |
CC00FF |
|
CC3300 |
CC3333 |
CC3366 |
CC3399 |
CC33CC |
CC33FF |
|
CC6600 |
CC6633 |
CC6666 |
CC6699 |
CC66CC |
CC66FF |
|
CC9900 |
CC9933 |
CC9966 |
CC9999 |
CC99CC |
CC99FF |
|
CCCC00 |
CCCC33 |
CCCC66 |
CCCC99 |
CCCCCC 20% |
CCCCFF |
|
CCFF00 |
CCFF33 |
CCFF66 |
CCFF99 |
CCFFCC |
CCFFFF |
|
FF0000 - Red |
FF0033 |
FF0066 |
FF0099 |
FF00CC |
FF00FF - Magenta
|
|
FF3300 |
FF3333 |
FF3366 |
FF3399 |
FF33CC |
FF33FF |
|
FF6600 |
FF6633 |
FF6666 |
FF6699 |
FF66CC |
FF66FF |
|
FF9900 |
FF9933 |
FF9966 |
FF9999 |
FF99CC |
FF99FF |
|
FFCC00 |
FFCC33 |
FFCC66 |
FFCC99 |
FFCCCC |
FFCCFF |
|
FFFF00 - Yellow
|
FFFF33 |
FFFF66 |
FFFF99 |
FFFFCC |
FFFFFF - White |
Click the Tutorial Next button one
more time for the Course Completion.

|