web site photo's

[customride]

Ok, here is my problem... I have a web page with a background color that i set as a hex value (#900000) I use photoshop to make my images so i entered the same hex value for the background of my pictures. When the pictures are placed on the page it looks fine, the color matches perfectly. But the problem arises when i view it on other computers. Their is a slight but very noticeable differnce in color (shade) between the photo and the web page background. i dont understand why it looks ok on my computer but not when viewed on others. I have tried every file format and almost everything i can think of in photoshop and it still does not match up! please help or if anyone has a link to a message board that more deals with these issues please post it. thanks.

here is an example: http://pageseven.dynodns.net/test/shade.html


[This message has been edited by customride (edited 12-08-2000).]

[Steve R Jones]

You're link doesn't work. "Cannot find server or DNS Error"

When you did your comparrison, were the color settings in display properties the same on both pc's?

[customride]

yes both computers have 16 bit color. I've also checked on 15" , 17" and 19" monitors all are differnt brands. my 19" happens to be the newest of them, its only a year old. as far as the link, it worked for me when i tried it, let me know if it still doesnt work.
http://4.3.32.226/test/shade.html

[NDC]

Hmmmmm, I can't get into that page either.

Anyhow, what color palette set did you use when you made your page? Different monitors display certain colors at different levels. That is why you should use web safe colors to display the colors consistentlty on different monitors. Web-safe colors consist of 216 colors. Open up your photoshop and click on the arrow on the right side of the 'swatches" tool box and load the web safe colors. It is most likely that you're using the default Photoshop color palette or a non-web-safe color palette.

If you like to type in the pantone color codes manually rather than select colors from a swatch palette, go here and get the color codes for web-safe colors.

Click on the colors on the top-left of the this page to get the color codes for the color you wish to use:

http://www.visibone.com/colorlab/

Or... Another thing you can do when you select a color from the "Color Picker" is first click the color you desire and then if the cube appears, it means that the color is not a web safe color. Just click on that cube (that I circled in red in the picture below) and Photoshop will automatically pick a web-safe color that is closest to that non-web-safe color. Just look at the picture below.....

<IMG SRC="http://www.geocities.com/ndcmj/safecolorcube.jpg" border=0>


[This message has been edited by NDC (edited 12-09-2000).]

[NDC]

Another thing just came to mind.... is your background color and the image you're placing on the top of the background in two different formats? GIF & JPG for example? You will get two dfferent color results when you save the image as "save for the web" in JPG format and "save for the web" in GIF format, the colors differ slightly.

[customride]

sorry guys, my server was down, should work now...
NDC, I am getting ready to try what you said.
my background is not an image, i just set the color in frontpage table properties. so i tried matching the hex code of the background color to the hex code of my images in photoshop.

[customride]

hmmm, my colors where web safe anyway, i forgot i checked that box in the lower left corner my hex code is #990000 R:153 G:0 B:0

[NDC]

Dang! The color looks the same on my monitor! I can't tell anything is even there...

[pepper]

Looks the same on my screen (14.1" TFT, true color 24 bit, 1024 x 768).
I know thats probably no help at all - sorry http://sysopt.earthweb.com/forum/wink.gif

[Cygnus-X1]

Blends perfectly on my screen as well, I had to search for it by right clicking everwhere!

My monitor is a 17 inch NEC MultiSynch FE700
flat screen set to 1024 x 768 at 32 million colors.

[customride]

here is an update:
i also have a thread at anandtech's forums in the "software, applications, programming and games" section. Everybody who was able to see no diffence had their monitors set at 24 bit color or higher. if you set it at 16 bit you can see the difference. i had my monitor at 32 bit so everything looked fine , as soon as i set it back to 16 bit i could see that the colors where not the same. this is an obvious problem since the majority of computers will have their resolution set at 16 bit not 32. I need these colors to be viewed the same in 16 bit as it does in 32 bit. i cant be the only person who has had this trouble when making a web page.

[customride]

ok, this might shed some light... with my monitor at 16 bit i used frontpage to decrease the contract and it made it blend in, exactly what i wanted! but if i change my resolution back to 32 bit the reverse happens and now the image is darker than the background! this has me stumped, everyone has differnt hardware capable of differnt settings, how is one supposed to get things to view right for everyone!!! I'm going nuts here!

[Biff]

I see 2 colors using 6 month old nec 19 inch, as to why - sorry no idea

[Techie Dude]

Uh Oh!!!!!!!!!!!!

Hope I don`t scare ya, but in 16 or 32 bit, I can see the difference!!!!!!!

If I go down to 256 colors, I can`t! Hmmmmm, this is strange, and something I`m glad you pointed out! Being a webmaster and all!

[CujoRbd]

My guess of what you're doing is trying to make an image with something on it, but you don't want anybody to be able to see the rest of the image.

If so, just use transparency as the background of the image. You'll probably have to save it as a GIF, as I don't believe JPG files support transparency.

Another thing that you could do is make a picture that's 1 pixel wide and the same color you're using. Then, just set this as your background; it'll automatically repeat for you and will only be a few bytes in size.

Also, I see no difference here at 24bit. At 16 I do, however.


I hope you get this all solved!


Cujo

[smunzli]

i just down loaded both pictures and the color palette for the REDTEST.JPG is R155 G1 B3 hex #9B0103 and the palette for REDTEST.BMP is R154 G0 B0 hex #9A0000 the back ground color palette is R153 G0 B0 hex #990000 you have three different shades if the the same color.

it's not your monitors.

[customride]

i used photoshop to set all colors with the same hex value #990000, why would the colors change?

[Cygnus-X1]

Hmm, maybe Frontpage is decreasing the quality of the image and thus you get a color shift??
In FrontPage, select your image and make sure the JPEG is at 100 percent quality,
on my FP 2000 it usually defaults to 75 percent, which is fine for some but I usually reset it to 100 percent.

[Cygnus-X1]

Just went to my site where the corners are
images to see if I notice a difference between resolutions, I set back to 16 million
and did see my corners a bit lighter, then
I refereshed the page and they look normal again!?
I'll see if I can replicate the colors and images on a page to see how those look.

[Cygnus-X1]

Did the test http://2112.htmlplanet.com/red_lenses.htm
It appears that GIF handles much better than JPEG in both resolutions, maybe its cause GIF is 256 Color??
This was interesting and something for me to keep in mind!

[Cygnus-X1]

Interesting, at 16 bits I am able to see the two images which appear lighter than the background. Now I am curious about this as well..