Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

One of my friends, a graphic designer told me recently that sometimes colors in Photshop look slightly different than the ones rendered in browser.

I know it is possible when you save a file and then use it on a website due to palettes, but he uses given color in PS, for example #b81e1e, then he creates a DOM element and sets its background to #b81e1e and the color is rendered differently in browser than in PS (I guess it's not that subtle as he can easily spot it). It's not a regular thing and it doesn't happen always, but he states it happened to him a few times, although he can't really tell me with witch colors.

Is it even possible? Because I have never really heard about anything like this & nothing like this ever happened to me...

share|improve this question

2 Answers 2

This is most likely a color profile issue.

First off, he should be working RGB and not CYMK or another color space. This is easy enough to check, simply go to Image > Mode and ensure it's set to RGB. My guess is it probably is.

The second issue is a color profile. This may be set to something else. It should be using sRGB IEC61966-2.1, which is considered a standard for most PC monitors. The easiest way to check this is to go to Edit > Color Settings. If it's set to the "North America General Purpose 2" or "North America Web/Internet" it should be working fine.

The final step is to setup a "proof setup" that will set a monitor color preview. Go to "View > Proof Setup > Monitor RGB". Then, you can toggle on/off the proof colors by using the shortcut (depends on OS) for Proof Colors, which is under the View toolbar.

I'm not intimately familiar with color profiles in Photoshop, but these are the steps I take if I find color mismatches. Normally it's a non-issue for me.

more info on color profiles

share|improve this answer
    
To add to that, I'd also say make sure you're viewing it on the same monitor as well, just to verify as different monitors will display things differently. –  Johannes Jan 10 at 16:38

In addition to color profiles Mattc0m's answer speaks about, the bigger problem is the monitors themselves.

If I simply adjust the brightness and contrast on my monitor, it displays color differently.

I have two mismatched monitors on my setup. They are both plugged into the same hardware and have each been calibrated with the same calibration device and they each have their individual custom calibration profile loaded at startup. They do not display color the same.

When I upload an image to a webserver for the world, I have zero control over the client's browser (which may or may not honor embedded profiles) and the client's monitor. You learn to accept the slack.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.