matching html colors, browser rendering purple tint..

[randomlinh]

ok... i'm making a useless webpage, but i want to make it anyway. i'm using a table background color in html of #F5F5F5 or #EEEEEE.. .those will be the examples. Now, in adobe photoshop/image ready, i'll feed it the html value. ok, it looks good. i take the browser and put it next to it.. looks like a perfect match.

now, save as jpg, open it up in adobe and acdsee... yep, still looks good. now load it in the page. purple tint. running at 16bit color. now switch to 32bit.. and it's much much closer, still not perfect.. but getting somewhere. However, IE seems to be a bit closer than mozilla in rendering the colors.

My question is, why? are the web browsers adapting f5f5f5 as something else.. and photoshop (tried paintshop too) or images in general.. adapted differently?

Anyone know any ways around this? It's just been bugging me to hell.. i could just do it all in 32bit color.. but just trying to do it in 16.

Linh

 

[kt]

if you want to have a true match.. don't save it as JPG, save it as GIF.

 

[randomlinh]

ok, after restarting all the browsers after the color depth change, IE seems to display everything properly... but mozilla adds a purple tint... ugh... why... altho, now that i look closely, the table background color on both browsers are slightly different as well.

 

[joinT]

#1. With the F5F5F5 shade of purple - you may need 32bit colour to see it correctly.
#2. To remain consistent between browsers - you can only use colours with a HEX value that includes letters or the numbers 0, 3, 6, 9. For eg. try using F6F6F6 instead of 5's.

 

[joinT]

forgot to say you can check the box "web safe colours" in PS palette.

 

[randomlinh]

ie seems to display the f5f5f5 color right in 16bit color, i dunno. I'm going to guess it's a mozilla w3 thing.. trying to keep it as compatible as possible. I figure i'll just try to use whatever web safe colors i can now. thx.

Linh