The Web Safe Color Palette

Date: 2011.02.24 | Category: WebDesign | Tags:

The “Web Safe” palette is a bit controversial. It is a set of 216 colors that are, supposedly, guaranteed to appear as intended on all graphical displays when used in HTML, CSS, and images embedded in Web pages. Many Web developers believe that sticking to these colors is one of the holiest commandments in the Web design scripture.

This was mostly a concern when most computers had 8-bit color displays; these days, most people run at 16-bit or 24-bit color. Although these bit-depths render the Web Safe palette pointless, dithering and quantification bugs in browsers and operating systems still cause problems in 16-bit displays (16-bit display, also known as “High Color” mode or “Thousands of Colors,” is generally problematic). Extensive testing has led to a new palette, called “Really Safe,” whose colors are guaranteed to appear correctly on all displays and all browsers.

If you use different colors than these, you might see images and backgrounds of the same color appear at a slightly different tint, so that a “box” will be visible around them if the background extends beyond the image’s edges.

Below is the table of ‘Web Safe’ and ‘Really Safe’ colors, you will see some of the color hex codes are in red, these are ‘Really Safe’ colors.

Hopefully, you will find a use for the two different color palettes that are now available and, you can begin designing for your surfers, regardless of which browser they use.

Article written by Lee