Graphics: Web safe Colorsstarted by Teresa on Sep 2, 2004 — RSS Feed
This is my first posting and I would like to take the opportunity to say Thanks to Joe. I read your article "CSS from the Ground Up" and it helped me a great deal.
My question is regarding the use of Web safe colors. Specifically, I am looking for a gold. Not yellow or green, just a nice gold bar gold. I am using it on text (actually on the word gold) and it will be optimized as a gif in a web page.
Any suggestions and or advise anyone could give me would be appreciated.
First of all, it is not necessary to be confined to Web Safe colours these days. Monitors are only good for five years at best and there aren't many 256 colour monitors still working now.
Gold is not really a single colour. You can use a eyedropper tool on a picture of a bar of gold and the result can be beige, yellow ochre, orange or any of thousands of similar shades. Any of these single colours appled to lettering will look like what they are - some sort of yellow. The whole point of metallic gold is that the light changes in a particular way. For very shiny gold, the colours will change dramatically from light to dark. For a matte gold, the change will be less dramatic.
If you look at the little smiley faces above the editing filed, they look gold because of the way the light gradates across them. They are GIFs. So, to get lettering to look gold, it has to have highlights and shadows. Depending on which graphics editor you have, this can be very easy or quite difficult. In Photoshop, you can apply a pretty convincing metallic gold layer style from the layer styles palette or use a gold gradient within a selection (which is the words you want in gold).
Anyway, the best way to approach it is to find a picture of something gold and try to analyse what's going on.
Thanks for your help!
I actually played with some of the shadows and effects and it looks like gold.
You must login to reply