Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Colors look different in browser and photoshop

Tags:

html

photoshop

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.

like image 601
Neir0 Avatar asked Apr 18 '11 06:04

Neir0


People also ask

Why do my colors look different in Photoshop?

A mismatch in colors is usually due to one of two reasons. Either it's a corrupted or incompatible monitor profile or often it's incorrect color space settings. For example, a ProPhoto RGB photo mistakenly rendered as sRGB will display as desaturated and flat.

What color mode should I use in Photoshop for web?

RGB or Red, Green and Blue, are additive colors and are what we see when we look at our computer monitors and televisions screens. The tiny dots that make up our displays are composed of RGB information. The RGB color space is very large and is ideal for images that would be used for web and presentation purposes.

Why are my colors different in Photoshop and Illustrator?

So simple answer is illustrator' color profile is set to (for me) to "U.S. Web Coated (SWOP) v2" so when you open a new photoshop file make sure you used the same color profile.

Should Photoshop be RGB or CMYK?

Use CMYK mode when working with images you want to print. It's always best to start editing in RGB mode before converting to CMYK. When you convert to CMYK, colors may appear different on screen. They will often look dull and less vibrant.


1 Answers

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

like image 140
SpliFF Avatar answered Oct 12 '22 13:10

SpliFF