Chrome呈现的颜色与Safari和Firefox的颜色不同

Chrome renders #FF3A00 as #FF0000 for some reason. I included a screenshot from jsfiddle to illustrate the point. The colour that the Color Meter reports (and what I see) differs from what CSS says.

由于某种原因，Chrome将＃FF3A00渲染为＃FF0000。我从jsfiddle中包含了一个截图来说明这一点。 Color Meter报告的颜色（以及我所看到的）与CSS所说的颜色不同。

This happens to other colours too. For example, #FFAF00 is rendered as #FFA400 according to the Color Meter.

这也发生在其他颜色上。例如，根据Color Meter，＃FFAF00呈现为＃FFA400。

However, the colours are rendered without problems on Safari and Firefox. I'm on a Mac using Chrome 11, Safari 5 and Firefox 5.

但是，在Safari和Firefox上呈现的颜色没有问题。我在使用Chrome 11，Safari 5和Firefox 5的Mac上。

I'm sure there's a logical explanation. Any ideas?

我确信这是一个合乎逻辑的解释。有任何想法吗？

Update: I'm attaching a screenshot of Chrome next to Safari showing the very same page. I checked this image in Photoshop: the colours are #F00 in Chrome and #FF3A00 in Safari.

更新：我在Safari旁边附上了Chrome的屏幕截图，显示了相同的页面。我在Photoshop中检查了这个图像：Chrome中的颜色是＃F00，Safari中的颜色是＃FF3A00。

6 个解决方案

#1

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

我最近发布了一个类似的问题：https：//*.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

正如Andrew Marshall在那里回答的那样，这是一个众所周知的问题：http：//code.google.com/p/chromium/issues/detail？id = 44872

#2

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.

好的，事实证明，我需要重新启动Chrome。我经常将我的macbook air连接到24英寸显示器。当我更改为与Chrome启动时使用的显示器不同的显示器时，Chrome看起来显示的颜色不正确。

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

我在Google帮助论坛上找到了答案：“我应该在OS X中提到，每次更换显示器或显示器配置文件时（例如，如果从笔记本电脑显示器切换到外接显示器），必须重新启动Chrome才能将其更改为从操作系统获取正确的监视器配置文件信息。“

#3

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.

Mac为您的显示器设置了色彩校正。您的浏览器可能会也可能不会对Web内容/图像使用颜色校正，具体取决于其设置。您的颜色选择器报告您的操作系统认为它正在渲染的内容。您的浏览器可能会报告其他内容

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

计算机上的颜色。我们许多人认为理所当然，但从不打扰理解它是如何呈现的。

#4

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.

Chrome颜色选择器通过从当前显示器颜色配置文件中获取颜色来工作，并且可能通过更改颜色设置或某些时候更改显示器来解决问题，请检查以下方法来解决。

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

转到chrome：// flags /＃force-color-profile，然后单击全部重置为默认值

Thanks.

谢谢。

#5

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.

默认情况下，Firefox和Safari都使用sRGB颜色配置文件。如果您的Google Chrome默认采用不同的颜色配置文件，则必须执行相同的操作。

1. Access at Chrome: chrome://flags/#force-color-profile
2. 访问Chrome：chrome：// flags / #force-color-profile
3. Change Force color profile to "sRGB".
4. 将强制颜色配置文件更改为“sRGB”。
5. Relaunch your browser and testify the rendered colors now.
6. 重新启动浏览器并立即验证渲染的颜色。

#6

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

在Photoshop中导出PNG时，Chrome（Lubuntu）出现此问题。解决方案：文件 - >另存为 - >取消选中“ICC配置文件：Adobe RGB（1998）”。