Your Screen Colors
Color Model: RGB – Red, Green and Blue
is the Color Model (Mode) that is used for images that are displayed on monitors and Screens. A large percentage of the visible color spectrum can be represented by mixing red, green, and blue colored light in various proportions and intensities.
When all three RGB colors illuminate with their highest intensity, together they generate the color white. If they illuminate with their lowest intensity they produce the color black. Here one refers to additive mixing of colors, as opposed to the subtractive mixing of colors, which is applied in the CMYK model.
Web Safe Colors
216 that are common to both platforms.
They appear correctly regardless of the settings of the user’s monitor.
It is no longer necessary to use this palette for a web site that will only be viewed on a monitor. Very few if any monitors are still to these limitations. But when you want to insure that your colors will be represented correctly on other online devices, for example cell phones then you will need to use this palette. At the moment cell phones still use only 1 bit black and white and 8 bit color.
Web Smart Colors
4096 colors
It is better to stay within this range for the web then your colors will work even if the user’s monitor is set to thousands of colors. The hex number is expressed in pairs, example: #ff6699
CSS
The hex number for both web safe and web smart colors is represented in pairs. And in the CSS the hex number can be represented using only one digit from each pair.
Example: #669900 can be written as: #690
Backgrounds
It is not always possible to match html generated colors. Sometimes when the background in an image is placed against an html generated background color you will see a faint line around the image (even though you are using the same hex number for both).
To eliminate this problem you need to create an image for the background either as a gif or a png. This image should be created exactly the same way as the image you are trying to match. If the original image was png24 then your background image should be png24.This image should be 1px by 1px. It will tile and fill the whole screen.
Gifs and png8s
Once you saved a gif or png8 for the web they will become index color. if you want to rework these images you need to have them revert back to RGB color. but it would have been much easier if you have saved your working files with all their layers etc.
share / bookmark