Mobile app version of vmapp.org
Login or Join
Gretchen549

: Colors in Photoshop CS6/CC look different than in browser? One of my friends, a graphic designer told me recently that sometimes colors in Photshop look slightly different than the ones rendered

@Gretchen549

Posted in: #AdobePhotoshop #Color

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...

10.07% popularity Vote Up Vote Down


Login to follow query

More posts by @Gretchen549

7 Comments

Sorted by latest first Latest Oldest Best

 

@Vandalay110

Found this video for a quick FIX. Its roughly a 1 minute video that shows how to fix the color profile issue so images show up properly in Adobe Photoshop.

10% popularity Vote Up Vote Down


 

@Sims5801359

As an update for Photoshop CC also change:

EDIT> CONVERT TO PROFILE... and set Destination Space Profile to sRGB IEC61966-2.1

That was my particular problem.

10% popularity Vote Up Vote Down


 

@Sims5801359

Aware I'm very late to the party - Had the same issue and after trying the previous answers I still had the problem, hopefully this helps someone else in future -

The fix that worked for me:
File > Save For Web > Uncheck 'Convert to sRGB' > Save

10% popularity Vote Up Vote Down


 

@Kristi927

Make sure you use the "export for web" function. That way it will convert the colors to a format that will appear in the browser the same way it did on your photoshop canvas.

10% popularity Vote Up Vote Down


 

@BetL875

It's possibly because of your browser is not color managed. Try using Firefox and turning on Color Management as descibed here (http://www.gballard.net/photoshop/srgb_wide_gamut.html#) and see if sth will change.

10% popularity Vote Up Vote Down


 

@Gail6891361

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.

10% popularity Vote Up Vote Down


 

@Cooney243

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

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme