Tessellation Design Home. Tessellation Design
 
The Web Site of Karen A. Vagts
 
Home | Portfolio | Resources | Tessellations | Contact
 

Web-Safe Color Selector

Although contemporary color monitors can read millions of colors, conservative web page designers often default to what are known as "web-safe" or "browser-safe" colors. This palette of 216 colors is said to work reliably on older 8-bit (256 color) monitors, on newer monitors set to a lower resolution, and with most browsers and platforms (in reality, every monitor displays colors slightly differently).

As with typefaces, the appearance of colors in web pages cannot be absolutely controlled. But you can use any color available on your system. The "web-safe" palette is more handy as a general reference, when you are making broad color decisions. These colors are also easily selectable in web design and graphic software.

Note that these colors -- and any other colors viewed on-screen -- will look considerably different when printed. Screen colors use RGB values while printed materials use specialty inks or CYMK colors. If maintaining a particularly color scheme across all media is important to you, you can develop a color mapping scheme that defines a printed equivalent for each screen color you use.

In HTML, all colors are specified with a hexadecimal code, preceded by a "#". The "web-safe" colors always use combinations of the following pairs: 00, 33, 66, 99, CC, FF. Colors containing any other characters, or which use these characters but not in pairs, fall out of this palette. Thus, #FF00FF is part of the "web-safe' palette but #FF8C00 and #F5F5DC aren't.

Selected colors may also be known by color names, such as blue (#0000FF) and fuchsia (#FF00FF). To ensure maximum cross-platform and cross-browser consistency, however, use the hexadecimal codes whenever possible.

Return to Top

The "Web-Safe" Color Palette


#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#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 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF
 
#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 #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
 
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
 
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
 
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #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
 
#000000 #000033 #000066 #000099 #0000CC #0000FF
#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 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF

Web-Safe Colors with Names

Aqua or Cyan
#00FFFF
Black
#000000
Blue
#0000FF
Fuchsia or Magenta
#FF00FF
Lime
#00FF00
White
#FFFFFF
Yellow
#FFFF00
Red
#FF0000

Return to Top


On a low-resolution monitor, compare the two colors show below. The top color is the web-safe Lime (#00FF00). The bottom color is the "unsafe" although similar #00EC00
 
 
 

Copyright ©2008 Karen A. Vagts. All rights reserved.