浏览器之间的CSS色差

Question

我知道浏览器Running Seeders在渲染带嵌入颜色配置文件的图像时的颜色渲染差异，我知道每个人都有不同校准的显示器。

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

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

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

https://css-tricks.com/color-rendering-difference-firefox-vs-safari/

Answer 1

重新启动Chrome 当您更改为与Chrome启动时使用的显示器不同的显示器时，Chrome可能会错误地显示颜色。

  

它的颜色配置文件问题

Chrome：

也可以在chrome：// flags

中尝试强制颜色配置文件到sRGB

Firefox：

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

Safari：

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

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

EXTRA：

'在Mac上，您可以使用您在Apps中获得的DigitalColor Meter实用程序进行检查＆gt;公用事业。将其设置为在sRGB中显示以查看测量的颜色。 Safari将始终显示正确的sRGB颜色，而Chrome和Firefox将关闭非标准的sRGB颜色配置文件。

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