Chrome 渲染的颜色与 Safari 和 Firefox 不同

由于某种原因，Chrome 将 # FF3A00渲染为 # FF0000。为了说明这一点，我附上了一张来自 Jsfiddle的截图。颜色计报告的颜色(和我看到的)不同于 CSS 所说的。

其他颜色也会出现这种情况，例如，# FFAF00根据色度计显示为 # FFA400。

然而，在 Safari 和 Firefox 上渲染颜色没有问题。我在 Mac 上使用的是 Chrome 11、 Safari 5和 Firefox 5。

肯定有合理的解释，有什么想法吗？

更新: 我在 Safari 旁边附上了一个 Chrome 的截图，显示了相同的页面。我在 Photoshop 中检查了这张图片: Chrome 中的颜色是 # F00，Safari 中的颜色是 # FF3A00。Chrome vs Safari

Chrome renders #FF3A00 as #F00

69123 次浏览
小开

Mac has color correction set up for your monitor. Your browser may or may not use color correction for web content/images depending on its setup. Your color picker reports what your OS thinks it is rendering. Your browser may report something else.

Color on computers. Something many of us take for granted but never bothered to understand how it is rendered.

小开

Ok, as it turned out, I needed to restart my Chrome. I often connect my macbook air to a 24 inch monitor. It looks like Chrome displays the colours incorrectly when I change to a monitor that's different from what was used when Chrome was started.

I found the answer on the Google Help forum : "I should mention that in OS X, every time you change your monitor or monitor profile (e.g. if you switch from your laptop display to your external display), you MUST restart Chrome for it to get the proper monitor profile information from the OS."

小开
最佳答案

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

小开

Had this problem with Chrome (Lubuntu) when exporting a PNG in Photoshop. Solution: File -> Save As -> Uncheck "ICC Profile: Adobe RGB (1998)".

小开

Chrome color picker works by taking color from current monitor color profile,and the problem may happens by changing color setting or sometime change monitor, please check the below method to solve.

Go to chrome://flags/#force-color-profile and click Reset all to default

Thanks.

小开

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

  1. Access at Chrome: chrome://flags/#force-color-profile
  2. Change Force color profile to "sRGB".
  3. Relaunch your browser and testify the rendered colors now.
小开

I changed the Colour Profile in OS X and that sorted it for me.

See the screenshots below using different Color Profile. Note, in the screenshots I'm trying to differentiate between #ff00ff, #ff1aff, #ff33ff and #ff4dff. It's only when I don't choose the default OS X colour profile that I can differentiate the colours correctly.

Default colour profile:

with default profile

With a different colour profile:

with sRGB ICE61966-2.1 profile

From: CSS colors on OS X displaying correctly in Firefox but incorrectly in Safari and Chrome (potentially 'solved')

I found Safari and Chrome could not differentiate between #ff00ff, #ff1aff, #ff33ff and #ff4dff. But Firefox could. In addition Inkscape, an X11 app, could. But Gimp and Libreoffice Writer, non X11 apps, could not. Firefox and X11 apps seem to be using their own colour profile somehow.

I have no idea why Mac defaults to Color LCD profile which does not do this differentiation amongst others.

小开

In case someone else come here because firefox images looks too colorful (over saturated). Full guide on how to fix it https://cameratico.com/color-management/firefox/

Shortly:

  1. Type in about:config on your Firefox address bar
  2. Set gfx.color_management.mode to 1
  3. Set gfx.color_management.enablev4 to true
  4. Restart firefox

Now Firefox will display colors same as Safari, Chrome and all other browsers


提交答案