The Safety Palette Color Picker

November 22, 1996

Robert Hess
Microsoft Corporation

To help you get a better visual sense of the colors that make up the safety palette (the set of 216 colors that won't dither when used for GIF images), I've prepared a couple of tables that use the BGCOLOR attribute of a table cell to display the color.

In each colored cell, I am inserting a transparent GIF image. The ALT text of the GIF image is set to the hexadecimal RGB value for the color it is representing. If you are using Microsoft® Internet Explorer 3.0, simply move your mouse cursor over the color you are interested in to see a tooltip that displays the assocated RGB value. I've also set an anchor around each image, with the HREF also set to the hexadecimal RGB value that the image represents. Thus, the appropriate RGB value should show up in your status bar as well.

Table 1: Top-to-Bottom Perspective

In this first table, I am simply listing all 216 colors that are part of the safety palette. Notice how the table blocks up very nicely into six 6x6 squares. Think of each square as a separate "slice" of the color cube described by the safety palette.

The Safety Palette
#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
#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
#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
#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
#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
#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

Table 2: Outside-to-Inside Perspective

This second table shows the same colors, but has a slightly different structure. Instead of layering the colors from top to bottom, this version provides more of an outside-to-inside perspective. It might be a little more difficult to grasp the structure of the color cube from this version, but I find it easier to select related colors.

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

Further Reading

  • The Safety Palette by Robert Hess
    An in-depth investigation of what the safety palette is, why it prevents GIF images from dithering on most browsers, and how to use it to construct images with solid areas of color.
  • VisiBone Webmaster's Color Laboratory
    VisiBone International Color Institute features an interactive representation of the 216-color palette, and offers a poster for offline reference.
  • The Browser Safe Color Palette, by Lynda Weinman
    In this chapter from her book Designing Web Graphics, Lynda discusses the 216 colors of the safety palette.
  • The Color Cube , by David Siegel
    From his book Creating Killer Web Sites, this excerpt provides yet another description of the 216 colors that won't dither. Siegel talks about this issue only from the standpoint of Netscape Navigator, but I'll forgive him.
  • Through the 6x6x6 Color Cube: An Interactive Voyage , by William I. Johnston
    The color cube on this site contains the 216 colors that appear without dithering (speckles) in Web browsers for the PC and Macintosh platforms. You can view the colors against white, black, or user-defined background colors.

  
Show: