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

时间:2011-06-04 14:59:54

标签: css google-chrome colors rendering

Chrome出于某种原因将#FF3A00呈现为#FF0000。我添加了jsfiddle的屏幕截图来说明这一点。 Color Meter报告的颜色(以及我所看到的)与CSS所说的颜色不同。

这也适用于其他颜色。例如,#FFAF00根据Color Meter呈现为#FFA400。

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

我确信这是一个合乎逻辑的解释。有什么想法吗?

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

Chrome renders #FF3A00 as #F00

8 个答案:

答案 0 :(得分:44)

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

我在Google Help forum上找到答案:“我应该在OS X中提到,每次更换显示器或显示器配置文件时(例如,如果从笔记本电脑显示器切换到外接显示器),你必须重新启动Chrome,以便从操作系统获取正确的显示器配置文件信息。“

答案 1 :(得分:20)

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

正如安德鲁·马歇尔在那里回答的那样,这是一个众所周知的问题:http://code.google.com/p/chromium/issues/detail?id=44872

答案 2 :(得分:11)

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

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

答案 3 :(得分:4)

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

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

答案 4 :(得分:2)

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

转到chrome:// flags /#force-color-profile,然后单击全部重置为默认值

感谢。

答案 5 :(得分:1)

我在OS X中更改了颜色配置文件,并为我对其进行了排序。

使用不同的颜色配置文件查看以下屏幕截图。请注意,在屏幕截图中,我试图区分#ff00ff#ff1aff#ff33ff#ff4dff。只有当我没有选择默认的OS X颜色配置文件时,我才能正确区分颜色。

默认颜色配置文件:

with default profile

具有不同的颜色配置文件:

with sRGB ICE61966-2.1 profile

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

我发现Safari和Chrome无法区分#ff00ff#ff1aff#ff33ff#ff4dff。但是Firefox可以。另外,X11应用程序Inkscape可以。但是非X11应用程序的Gimp和Libreoffice Writer不能。 Firefox和X11应用似乎以某种方式使用了自己的颜色配置文件。

我不知道为什么Mac默认使用Color LCD配置文件,而在其他配置文件中却没有这种区别。

答案 6 :(得分:1)

以防其他人因为 Firefox 图像看起来太鲜艳(过度饱和)而来到这里。 如何修复它的完整指南https://cameratico.com/color-management/firefox/

不久:

  1. 在 Firefox 地址栏输入 about:config
  2. gfx.color_management.mode 设置为 1
  3. gfx.color_management.enablev4 设置为 true
  4. 重启火狐

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

答案 7 :(得分:0)

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