BROWSER SAFE COLOR CHART

Below is a color chart made up of the 216 browser safe colors. Back in the World Wide Web "Dark Ages" (sometime before the mid-1990's) the super-hot computers of the day could only display 256 colors. At that time any color outside of the browser safe range would not be displayed by the computers. Browsers, such as Netscape and Internet Explorer, would substitute safe colors for "non-safe" colors. The resulting displays were pixilated. It is an effect called "dithering." It could be considered a way to imitate browser safe colors through artifice.

The latest versions of the primary browsers, Internet Explorer, Firefox, Safari, Opera, and Chrome use improved graphics engines that allow them to display colors far better than previously possible. In addition, unlike early color computers which could only display 256 colors, modern computers will display many millions or colors. This means that it is not necessary to design Web graphics using strictly browser safe colors.

Some Web designers believe that when writing the HTML code for Web pages it is still be useful to follow the browser safe color formula. Very old browsers may have difficulty with the color code if it does not fit the standard format. Further, there is the issue of whether or not the page code will validate if non-standard colors are specified. In situations where validation is part of the criteria (such as in a class assignment), then limiting options to browser safe colors may still be necessary.

From the design standpoint it is often easier for designers without the "eye for color" to select from a narrow range of possibilities rather than from a nearly unlimited pallet.

The chart below describes the colors in hexadecimal format, which is the most common way to specify color on the Web. All browsers understand hexadecimal. Browsers also can display colors using the RGB format based on a three-digit value for RGB; Red, Green, Blue. An example of RGB is (255,000,000), which is red. The shorthand version is (255,0,0).

HSL is a relatively new method of displaying color and is supported by the latest versions of all browsers. HSL stands for Hue, Saturation, and Lightness. HSL is specified using one three-digit value and two percentages. An example is (180,65%,75%) which is a shade of blue with 65% saturation and 75% lightness. Visit our HSL Color">Web HSL color page here for more information.

Both RGB and HSL have even newer versions, RGBA and HSLA. The "A" refers to what is called the "alpha channel." Alpha channel controls transparency.

RGB, HSL, RGBA, and HSLA are beyond the scope of this reference chart. We have elected to limit the color selections below to the traditional colors as used by most beginning Web builders. For information about RGBA visit our RGBA Web Colors page here.

The hexadeimal formulas that make up each color are mathematical calculations, not artistic choices. By examining the hexadecimal code representing each color you can see the math progression. Hexadecimal numbering is based on 0-f. The codes noted on the chart below consist of a two digit figure for each color. Thus, the code for red is ff0000. The code for green is 00ff00. The code for blue is 0000ff.

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

 

< Return to the top of this page >