Chromium 和 Firefox 显示颜色不同,我不知道哪个做得对

Posted

技术标签:

【中文标题】Chromium 和 Firefox 显示颜色不同,我不知道哪个做得对【英文标题】:Chromium and Firefox display colors differently and I don't know which one is doing it right 【发布时间】:2018-06-16 04:43:35 【问题描述】:

我一直在 Ubuntu 17.10 下建立一个网站,并使用 Firefox 和 Chromium 进行测试。这两个浏览器显示的颜色完全不同(不仅是图像,而是所有颜色),我一直认为是 Chromium 出于某种原因错误地过度饱和了它们,所以直到现在我总是选择在 Firefox 中看起来正确的颜色。

但是我开始收到越来越多关于网站背景太紫色的投诉——我认为这不应该是因为只有它颜色的蓝色部分 (#eeeeff) 被“提升”了,但它已经到了让更多人看到它是紫色而不是蓝色的地步,这让我感到困惑。

这是前面提到的在 Firefox(左)和 Chromium(右)中显示的颜色。

这就是我对网站的看法:

差异很大(请注意,即使是网站图标也不同),我要求您告诉我在选择我的网站颜色时应该信任哪个浏览器,以及我是否可以采取一些措施来避免它在不同的浏览器中显示如此不同。

(有些用户在 Firefox 中也看到过饱和的颜色。那么现在哪个才是正确的,真的吗?)

【问题讨论】:

这发生在我的第二台显示器上 【参考方案1】:

另一个选项是打开chrome://flags/ 并选择强制颜色配置文件项上的选项sRGB

通过使用此设置而不是禁用在可用时使用硬件加速,您不会失去一些不错的功能,例如 Google 地图上的 3D 视图。

在这里找到解决方案:https://www.reddit.com/r/Fedora/comments/74h5yh/blue_shows_as_purple_in_chrome/

【讨论】:

不是一个真正的答案。您不能(据我所知)强制用户的浏览器使用 sRGB,您只能自己更改它。如果您试图让所有用户的网站保持一致,我认为我们都不走运。让我知道你对此有何看法。我实际上问了类似的问题,没有人对此问题有任何答案 不确定是否存在浏览器错误,所以我提交了两个问题:bugs.chromium.org/p/chromium/issues/detail?id=1133990 和 bugzilla.mozilla.org/show_bug.cgi?id=1668444【参考方案2】:

使用 GPick 作为颜色选择器并使用颜色十六进制代码调用网站

http://www.color-hex.com/color-palette/54430

我明白了,Firefox 完全呈现 RGB 颜色,这意味着 GPick 从 CSS 中识别出相同的十六进制代码。 而 Chromium 呈现某种不同的颜色。

你可以打电话

chrome://flags/#force-color-profile

并将 Chromium 中的颜色配置文件设置为 sRGB,因此来自 Chromium 的渲染颜色与使用 GPick 的 HexCode 识别相同。

【讨论】:

不是一个真正的答案。您不能(据我所知)强制用户的浏览器使用 sRGB,您只能自己更改它。如果您试图让所有用户的网站保持一致,我认为我们都不走运。让我知道你对此有何看法。我实际上问了类似的问题,没有人对此问题有任何答案 @JonNezbit 问题不是:如何一致地为所有浏览器呈现网页,而是:“哪个浏览器做得对?”使用 RGB ColorPicker 是回答这个问题的一种选择。 我指的是“......我是否可以做一些事情来避免它在不同的浏览器中以如此不同的方式显示......”。这正是我每天都在想和寻找的文学作品 @JonNezbit 当 Chrome 不以与 firefox 相同的方式渲染颜色时,图像也是如此,您可以做两件事,恕我直言:1.) 像旧的一样构建浏览器开关时间并为 chorme 用户提供不同的内容 2.) 说服 Chrome 改变他们的行为 这很聪明。我会考虑向 chrome 用户提供不同的内容。 Upwoted。【参考方案3】:

如果您在 Chromium 设置中禁用“可用时使用硬件加速”并重新启动,Chromium 会正确显示颜色。打开时,Chromium 颜色关闭。在解决硬件加速的 Chromium 颜色管理问题之前,我认为这是一种解决方法。

【讨论】:

不是一个真正的答案。您不能(据我所知)强制用户的浏览器使用您的设置(硬件加速),您只能自己更改它。如果您试图让所有用户的网站保持一致,我认为我们都不走运。让我知道你对此有何看法。我实际上问了类似的问题,没有人对此问题有任何答案【参考方案4】:

在其他两种颜色相同的情况下,您的颜色正好在“蓝色区域”的中间。

如果将其转换为 HSL 并查看色调线,您会发现它正好位于“蓝色”频率范围的中间。

因此,任何绿色或红色的暗示都是不正确的。

【讨论】:

以上是关于Chromium 和 Firefox 显示颜色不同,我不知道哪个做得对的主要内容,如果未能解决你的问题,请参考以下文章

Chromium 无头页面无响应但适用于 Firefox

Chrome 54 没有从我的网站获得 HTTPS 响应; Chrome 53、Chromium、Firefox 和 Safari 都可以

更新SVG元素的转换时,Firefox会移动剪辑路径,而Chromium则不会 - 这是正确的,什么是便携式解决方案?

Chrome、Chromium、Firefox 在 QtWebApp 上两次请求页面

li 元素的(使用 CSS 样式)标记在 chromium 浏览器上的位置错误,但在 Firefox 上很好

背景图像颜色更改 firefox/chrome