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


72

由于某些原因,Chrome将#FF3A00渲染为#FF0000。我提供了jsfiddle的屏幕截图来说明这一点。色度计报告的颜色(以及我看到的颜色)与CSS所说的颜色不同。

其他颜色也会发生这种情况。例如,根据色度计,将#FFAF00渲染为#FFA400。

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

我敢肯定有一个合乎逻辑的解释。有任何想法吗?

更新:我将Safari旁边的Chrome屏幕快照附加到显示相同页面的屏幕快照。我在Photoshop中检查了这张图片:Chrome中的颜色是#F00,Safari中的颜色是#FF3A00。Chrome与Safari

Chrome将#FF3A00渲染为#F00


4
2016年,21世纪,这个问题仍然存在...
MarianoMontañezUreta

1
2017年和Chrome 60,问题仍在发生。Chrome呈现鬼色。如果Chrome决定使用其他颜色,那么花几天的时间设计和挑选最佳颜色有什么意义!
medopal's

6
真好笑... 2018和Chrome 67仍然存在此问题。😂
MateuszJagiełło

6
2019年宝贝!我们成功了。
马希尔

7
2020年 Chrome80。相同
乔治

Answers:


21

我最近发布了一个类似的问题: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


我现在在上面链接的Chromium问题中列出了完全相反的效果。Chrome看起来不错,但Firefox的颜色不匹配。我认为此页面涉及了这些问题,但超出了我。bugzilla.mozilla.org/show_bug.cgi?id=999600
Mysterfxit,

1
@Trevor Burnham这个问题说“状态:重复(关闭)”。您知道在哪里可以找到此问题的非公开版本吗?–
mesqueeb

@mesqueeb转到“ MergedInto”问题,该问题被标记为“固定(关闭)”:bugs.chromium.org/p/chromium/issues/detail?id=667431
Nateowami

截至2020年,这似乎仍然是一个问题。我在OS X上的Chrome浏览器中遇到了这种情况,Firefox上显示了正确的颜色,而Chrome渲染了错误的RGB值...
tonix

不确定是否存在浏览器错误,但是在Chrome中,我必须将force-color-profile设置为sRGB以匹配Linux中Firefox的颜色,因此我提出了两个问题(不确定哪个浏览器有问题):bugs.chromium.org / p / chromium / issues / detail?id = 1133990bugzilla.mozilla.org/show_bug.cgi?id=1668444
trusktr

48

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

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


2
这是一个很好的答案,需要在此线程中进行更多介绍。这个问题使我发疯!
雨果

1
是的 这是正确的答案,为什么错误为什么被接受?
Wojciech Bednarski

4
也许这可以解决问题,或者某些人可以解决某些问题,但这对我不起作用。
盒装

3
对我来说,这实际上似乎并不适用。即使重新启动Chrome,颜色表示仍然明显不同。
克里斯(Kris)2013年

24

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

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

5

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

在计算机上着色。我们中的许多人认为这是理所当然的,但从不去理会它的呈现方式。


3

Chrome拾色器通过从当前监视器的颜色配置文件中获取颜色来工作,而更改颜色设置或有时更改监视器可能会出现问题,请检查以下方法来解决。

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

谢谢。


2

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

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

默认颜色配置文件:

使用默认配置文件

使用不同的颜色配置文件:

带有sRGB ICE61966-2.1配置文件

来自:OS X上的CSS颜色在Firefox中正确显示,但在Safari和Chrome中错误显示(可能是“已解决”)

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

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


0

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.