Colors look different in browser and photoshop

html photoshop
Neir0 picture Neir0 · Apr 18, 2011 · Viewed 23.3k times · Source

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.

Answer

SpliFF picture SpliFF · Apr 18, 2011

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

Related questions

Make images not selectable

I am making a website in dreamweaver CS5. I exported the images from photoshop an inserted them into a table. When I view the site all the images are selectable(you are able to drag them to your desktop). How …

Read More
Export HTML and CSS from Photoshop or InDesign

I am building web site and I've got .psd file of how the site should look like and I can make it manually but it will take time. I was wondering if there is a way to export a Photoshop …

Read More
Do PNGs (or JPGs) have a DPI? Or is it irrelevant when building for retina?

A simple question that I have been having great difficulty finding a definitive answer to: do PNG files have a DPI? Or perhaps more importantly, is it even relevant when building retina-enabled sites/apps? I've just received PSD assets from …

Read More