浏览器之间的CSS颜色差异答案

【问题标题】：CSS color difference between Browsers浏览器之间的CSS颜色差异
【发布时间】：2018-07-16 12:00:48
【问题描述】：

我知道浏览器 https://css-tricks.com/color-rendering-difference-firefox-vs-safari/ 在渲染嵌入了颜色配置文件的图像时的颜色渲染差异，是的，我知道每个人都有不同的校准显示器。

但是您如何解释下面的屏幕截图？它只是一个带有非常基本 CSS 的全宽 div

.div.top-nav{width: 100vw; height: 50px; background-color: rgb(62,75,43);}

为什么 Firefox 显示的颜色值与 Chrome 不同？

【问题讨论】：

您是否注意到一些特定的值？或任何值？
两张截图实际上分别是 rgb(63,57,41) 和 rgb(64, 57, 39)，所以你可能有一两个错字。
不，这是一个已知问题，看看这个，也许重启你的 chrome，stackoverflow.com/questions/6237455/…
当我在 Chrome 和 Firefox 中分别截取jsfiddle.net/L2e8jeww 的屏幕截图时，我得到了相同的颜色值。你能确认一下吗，或者你在你的机器上也会得到不同的结果吗？
@TemaniAfif - 添加新示例

【解决方案1】：

重新启动 Chrome： 如果您更换的显示器与 Chrome 启动时使用的显示器不同，Chrome 可能会错误地显示颜色。

这是一个颜色配置文件问题

铬：

也可以尝试在 chrome://flags 中强制颜色配置文件到sRGB

火狐：

您还可以通过转到 url:about:config 来更改 Firefox 的行为，在 Firefox 中找到 gfx.color_management.mode 设置并将其更改为1 或0 默认为2 .

Safari：

Safari 可以访问您显示器的 ICC 配置文件，它将使用它来提供 sRGB 中的最佳对应关系。

Safari 中没有设置让它像其他人一样。

额外：

'在 mac 上，您可以使用应用程序 > 实用程序中的 DigitalColor Meter 实用程序进行检查。将其设置为以 sRGB 显示以查看测量的颜色。 Safari 将始终显示正确的 sRGB 颜色，而 Chrome 和 Firefox 将使用非标准 sRGB 颜色配置文件关闭。

如果您将显示器的颜色配置文件设置为标准 sRGB，那么所有浏览器都会显示正确的值。' @凯多

【讨论】：

SO 上不允许仅链接答案。形成您自己的答案或完全删除它。如果有的话，这是一条评论：stackoverflow.com/help/how-to-answer 顺便说一句，您的链接已有八年历史了。
嗯.. 再次查看铬问题后，它已于 2016 年关闭 -> 所以应该不再是问题了。我没有将我的 mac 连接到任何外部源，我会定期重启整个系统
看看禁用的色彩校正渲染是否可行@funkysoul
@Ylama 没有这样的选项，只有“强制颜色配置文件”对其进行更改（并重新启动）也不会改变任何事情
@funkysoul 强制颜色配置文件，我觉得就是这样，也许尝试所有这些并寻找差异，我真的认为这就是问题..