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

Question

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

这也发生在其他颜色上.例如,根据Color Meter,#FFAF00呈现为#FFA400.

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

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

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

Answer 1

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

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

Answer 2

我最近发布了一个类似的问题:https://stackoverflow.com/questions/6338077/google-chrome-for-mac-css-colors-and-display-profiles

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

Answer 3

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

1. Chrome访问:chrome:// flags/#force-color-profile
2. 将强制颜色配置文件更改为" sRGB ".
3. 重新启动浏览器并立即验证渲染的颜色.

Answer 4

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

电脑上的颜色。我们中的许多人认为理所当然，但从不费心去理解它是如何呈现的。

Answer 5

以防其他人因为 Firefox 图像看起来色彩太丰富（过度饱和）而来到这里。有关如何修复它的完整指南https://cameratico.com/color-management/firefox/

不久：

1. about:config在 Firefox 地址栏输入
2. 设置gfx.color_management.mode​1
3. 设置gfx.color_management.enablev4​true
4. 重新启动火狐浏览器

现在 Firefox 将显示与 Safari、Chrome 和所有其他浏览器相同的颜色