CSS 浏览器之间的色差

Question

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

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

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

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

Answer 1

正在重启Chrome: Chrome 更改为与 Chrome 启动时所用显示器不同的显示器时，可能无法正确显示颜色。

Its an color profile issue

Chrome :

也可以在 chrome://flags

中尝试 force color profile to sRGB

火狐浏览器：

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

野生动物园：

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

Safari 中没有设置使其表现得像其他人一样。

额外：

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

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

CSS color difference between Browsers