Html 浏览器之间的CSS颜色差异

Html 浏览器之间的CSS颜色差异,html,css,browser,cross-browser,background-color,Html,Css,Browser,Cross Browser,Background Color,我知道浏览器在渲染嵌入颜色配置文件的图像时,颜色渲染的不同,我也知道每个人都有不同的校准显示器 但是你如何解释下面的截图呢? 它只是一个带有非常基本CSS的全宽div .div.top-nav{width: 100vw; height: 50px; background-color: rgb(62,75,43);} 为什么Firefox显示的颜色值与Chrome不同 重新启动Chrome: 当你换上与Chrome启动时使用的显示器不同的显示器时,Chrome可能会错误地显示颜色 这是一个颜色

我知道浏览器在渲染嵌入颜色配置文件的图像时,颜色渲染的不同,我也知道每个人都有不同的校准显示器

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

.div.top-nav{width: 100vw; height: 50px; background-color: rgb(62,75,43);}
为什么Firefox显示的颜色值与Chrome不同


重新启动Chrome: 当你换上与Chrome启动时使用的显示器不同的显示器时,Chrome可能会错误地显示颜色

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

铬:

也可以尝试将颜色配置文件强制为中的sRGBchrome://flags

Firefox:

您还可以通过在Firefox中转到url:about:config,然后找到gfx.color\u management.mode设置并将其更改为
1
0
,因为默认设置为
2

Safari:

Safari可以访问监视器的ICC配置文件,它将使用它在sRGB中提供最佳通信

Safari中没有设置使其行为像其他人一样

额外:

在mac电脑上,你可以用你的应用程序>实用程序中的数码颜色表工具来检查它。将其设置为以sRGB显示以查看测量的颜色。Safari将始终显示正确的sRGB颜色,而Chrome和Firefox将关闭非标准的sRGB颜色配置文件


如果您将显示器的颜色配置文件设置为标准的sRGB配置文件,则所有浏览器都将显示正确的值。“@kaido

您注意到了吗?或者任何值?这两个屏幕截图实际上分别是rgb(63,57,41)和rgb(64,57,39),所以你可能会有一两个输入错误。不,这是一个已知的问题。看看这个,也许重新启动你的chrome,当我在chrome和Firefox中分别截图时,我得到的颜色值都是相同的。你能证实这一点吗?或者你在你的机器上也得到了不同的结果吗?@TemaniAfif-添加了新的exampleLink-only答案是不允许的。形成您自己的答案或将其全部删除。如果有的话,这是一个评论:顺便说一句,你的链接已经有八年历史了。。在第二次查看铬问题后,它已于2016年关闭->因此不再是问题。我不会将我的mac连接到任何外部源,如果禁用的颜色正确渲染可以正常工作,我会重新启动整个系统@funkysoul@Ylama没有这样的选项,只有“强制颜色配置文件”更改它(并重新启动)不会改变任何事情either@funkysoul强制颜色配置文件,我觉得就是这样,尝试所有的方法,寻找不同,我真的认为这就是问题所在。。