Colors look different in browser and photoshop

2020-06-08 10:31发布

问题:

I have a problem with colors in photoshop and browser. Why the same color (#cccc66) looks different? This in photoshop http://gyazo.com/a4f4181bf0638d652174f0a7d4f1fe9d.png and this in browser http://gyazo.com/37a9ad028951e85a288344f59c84ecc7.png. What could it be?


Some additional info. It's not image. I just used Eyedropper tool to get color then copied color name from color picker.

回答1:

It's called color profiles, the PNG has one embedded. You need to strip it out. Photoshop apparentely does weird things with "Save for Web" when color profiles are active.

This may help: http://www.viget.com/inspire/the-mysterious-save-for-web-color-shift/

Open up any image on your machine and File / Save For Web. Next to the Preset option, there's a sneaky little arrow...click it and uncheck "Convert to sRGB."



回答2:

I think this tutorial should do the trick:

http://www.smashingmagazine.com/2009/10/12/setting-up-photoshop-for-web-app-and-iphone-development/

Also, you might want to have a look at this (it's basically the same, but with "Proof Colors" enabled in the "View" menu):

http://www.usabilitypost.com/2008/07/30/photoshop-color-profiles-for-web-images/



回答3:

How you export this image from Photoshop? Did you use Save for Web & Devices (File -> Save for Web & Devices)? Also you can have to set up proper color profile (Edit -> Color settings), because some formats have embedeed your current color profile.