Chrome displays colors differently from Safari and Firefox

Question

Chrome makes # FF3A00 as # FF0000 for some reason. I provided a screenshot from jsfiddle to illustrate this point. The color that the color counter reports (and what I see) is different from what CSS says.

This happens with other colors. For example, # FFAF00 is displayed as # FFA400 according to the color meter.

However, colors are displayed without problems in Safari and Firefox. I am on a Mac using Chrome 11, Safari 5 and Firefox 5.

I am sure there is a logical explanation. Any ideas?

Update: I am attaching a Chrome screenshot next to Safari showing the same page. I checked this image in Photoshop: colors # F00 in Chrome and # FF3A00 in Safari.

Answer 1

I recently posted a similar question: https://stackoverflow.com/questions/6338077/google-chrome-for-mac-css-colors-and-display-profiles

As Andrew Marshall answered there, this is a known issue: http://code.google.com/p/chromium/issues/detail?id=44872

Answer 2

Well, as it turned out, I needed to restart Chrome. I often connect my macbook-air to a 24-inch monitor. Chrome seems to display colors incorrectly when I switch to a monitor other than what was used when starting Chrome.

I found the answer in the Google Help Forum : “I have to mention this in OS X every time you change your monitor or monitor profile (for example, if you switch from your laptop display to your external display), you MUST restart Chrome to Get relevant monitor profile information from the OS.

Answer 3

By default, both Firefox and Safari use the sRGB color profile. You must do the same if your Google Chrome uses a different default color profile.

1. Chrome Access: chrome: // flags / # force-color-profile
2. Change the Force color profile to " sRGB ".
3. Restart your browser and confirm the colors displayed.

Answer 4

Mac has color correction configured for your monitor. Your browser may or may not use color correction for web content / images depending on its setting. Your color choice tells you that your OS thinks it is rendering. Your browser may report something else.

Color on computers. Many of us take something for granted, but we never bothered to understand how this is done.

Answer 5

Chrome color picker works using the color from the current monitor color profile, and the problem may occur when changing the color settings or changing the monitor, please use the method below to solve it.

Go to chrome: // flags / # force-color-profile and click Reset All to Default

Thank you

Answer 6

Was there a problem with Chrome (Lubuntu) when exporting PNG to Photoshop. File:> Save As → Uncheck "ICC Profile: Adobe RGB (1998)".

Answer 7

I changed the color profile in OS X and that sorted it for me.

See the screenshots below using a different color profile. Please note that in the screenshots I try #ff00ff , #ff1aff , #ff33ff and #ff4dff . Only when I do not select the standard OS X color profile will I be able to distinguish colors correctly.

Default color profile:

With a different color profile:

From: CSS colors in OS X render correctly in Firefox, but incorrect in Safari and Chrome (potentially "resolved")

I found that Safari and Chrome cannot #ff00ff , #ff1aff , #ff33ff and #ff4dff . But Firefox could. Also, Inkscape, an X11 application, can. But Gimp and Libreoffice Writer, which are not X11 applications, failed. Firefox and X11 apps seem to somehow use their own color profile.

I have no idea why the Mac by default uses the Color LCD profile, which does not make this distinction among others.