wonder why some images which look superb on your graphics program, lose
a lot when they appear on the Web?
|Home :: Contact us :: Privacy :: Site map :: News :: About us|
Using web safe colors in your website
Control your colors!
Ever wonder why some images which look superb on your graphics program, lose a lot when they appear on the Web? The chances are that you are ignoring the web safe color pallete (which used to be known as the 'Netscape Color Cube'). The truth is that, no matter how many colors your computer can handle, there are still situations where your visitor's browser will only handle 216 colors. It may be that they have an old computer, or that they have not set their monitor correctly - or that they are viewing your website via a terminal server.
Under these circumstances, if your image contains colors which are not in this palette, the browser will use 'dithering' to try to simulate the colors which you have used. The end result is often not very pleasing. You may get a grainy appearance, or banded lines.
The solution is to stick, as far as possible, to these 216 colors. And what are they? Well, if you are familiar with defining colors in terms of the RGB (Red, Green Blue) numbers, the Netscape palette only uses numbers which are combinations of:
0, 51, 102, 153, 204, 255
You can download the Netscape color cube to set up a palette in your own graphics program from: Killer Sites.
However, many graphics packages today, such as Paintshop Pro, have their own web safe palletes, and web authoring programs, such as Dreamweaver, also have support built in for the web safe pallete.