Menu
The Browser Safe Palette


Learn more at amazon.com

Most computers today are capable of displaying up to 17 million different colors simultaneously. But back when video RAM was scarce, a method was devised that would permit the monitor to display pictures acceptably using only 256 different colors. Each image file contained a list or palette of the specific colors needed to display the picture. Some of the 256 possible colors were reserved by the system for use in displaying components such as title bars etc., so only 216 colors were available for the image.

A Web browser must be capable of displaying several images together on the computer screen, each using a different palette. To solve this problem, Web browsers use a color lookup table with a fixed set of colors. If an image uses a color not in the browsers color table, the browser can substitute with the closest match, or use a color mixing scheme called dithering. This might cause unexpected results in the appearance of the picture.

If you want to accommodate users with older palette based display systems, your GIF images should use only colors contained in the browsers fixed palette. This set of colors is called the browser-safe or Web-safe palette. To view the colors in the browser safe palette in a popup windows

Colors are specified with three hexadecimal values from 00 to ff (0 to 255 in decimal) to use for the intensity of the red, green, and blue components of the color. For example if you wanted to specify a background color for your Web page you might enter bgcolor="#cc66ff". To view the code for the JavaScript program I used to generate the color table

Newer computer monitors can displaying up to 17 million different colors simultaneously, but if you want your images to appear in the proper colors on older displays, you need to use colors selected from the browser safe palette.


Learn more at amazon.com

More Graphics Design Tips:
• Example Code for X3Dom Basic Primitive Shapes: Box, Sphere, Cylinder, Cone, and Torus
• Graphic Design Meets Open Source
• Anti-Aliasing
• MathML File Structure
• HTML5 Canvas
• Inkscape Layers and Z-Order
• Inkscape Text on Path
• Graphics Design for Beginners - Blur Filters
• XDdom 3D Axis and Coordinate System
• Introduction to Draw SVG Free Online SVG Drawing Application