What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Web colors washed out even when using sRGB


J

jzader

New Member
Messages
1
Likes
0
Anybody know why a web design created in Photoshop in the sRGB workspace would appear washed out when viewed in a web browser?

I have designed a new web site in Adobe CS4 Mac using the sRGB (IEC61966-2.1) workspace. When I save the images for the web, the colors look slightly, but consistently, washed out when I view them in my browser.

Even the background color appears washed out (which was reproduced in CSS using the #959fba hex value provided by Photoshop).

The best information I could find on this subject via Google was the following article... [Hm, forum says I'm too new of a member to be allowed to post a link, but the article is titled "Tips for Managing Web Color in Photoshop" at CreativePro.com]

...But I'm doing everything they recommend in that article, and yet #959fba still looks deeper and richer in Photoshop CS4 than it does in Firefox 3.0.6.

Suggestions, anyone?
 
I'm having the exact same problem. I also followed the instructions in that article. Colours look washed out in any browser (Firefox, Chrome, IE). If I set my Photoshop Proof Setup to "Monitor RGB" colours match the browser, but as I understand it I shouldn't be using the monitor setting.

Any help?
 
Basically when you create an image in RGB, Photoshop adds a colour profile to the document to keep your colours correct in colour managed applications, however, although you may assume that is safe, the internet isn't colour managed so when you save for web the colour profile is stripped as it's not relevant to browsers and the colours shift slightly.

You need to to go to: Edit>>Colour Setings and change your RGB space to 'sRGB IEC61966-2.1' and that should solve your problem.
All browsers assume an RGB image is sRGB and many formats like GIF and PNG don't support colour spaces so the 'Adobe RBG (1998)' or 'ColorMatch RGB' profile is abandoned suring 'save for web' used hence the colour movement.

If you're on a Mac it can also be worth proofing the image for Windows before you finish too, as the Windows monitor gamma is different things always look darker on Windows monitors, and as over 90% of the web will be viewing it that way it's worth going to View>>Proof SetUp>>Windows RGB to check it out, you can toggle between views by pressing 'Command'+'Y'.
 
Back
Top