Using and Converting to Color-Safe Palettes

• In some cases, the colors that aren't available will be converted to their nearest color-safe equivalent. This can lead to your web page looking different from what you intended.
  
  
• In other cases, particularly for large areas of continuous color (such as backgrounds and tables), the browser may attempt to simulate the your chosen color by "dithering" two or more color-safe colors together. This usually makes the colors look grainy, and very often looks absolutely terrible.

• C2 is the Red component
• 0F is the Green component
• 8C is the Blue component

Then you simply need to repeat each digit, thus F9C represents:

• FF for the Red component
• 99 for the Green component
• CC for the Blue component

Converting to Color-Safe Colors:

Now we understand the theory, we're ready to convert a color to its closest color-safe equivalent.

For each of the Red, Green and Blue components, you need to convert them separately into values, you need to convert them separately into the color-safe equivalents, and then recombine the whole lot together.

The conversion step goes like this:

• 00 to 19 - converts to 00
• 1A to 4C - converts to 33
• 4D to 7F - converts to 66
• 80 to B2 - converts to 99
• B3 to E5 - converts to CC
• E6 to FF - converts to FF

For example:

If we need to convert C20F8C to its closest color-safe equivalent:

• We would convert the C2 part to CC
• We would convert the 0F part to 00
• We would convert the 8C part to 99
• And thus we get CC0099 as the final color.

Some other examples:

• 2B2CF0 would convert to 3333FF
• C000C0 would convert to CC00CC
• F0A000 would convert to FF9900
• And so on...

---

A version of this article is available for free reprint on your web site or opt-in ezine (subject to Terms and Conditions which include also publishing a very brief "About the Author" section which we provide). For information about the terms and conditions, and a copy of the article that you may use: please click here