Html Mac上Chrome和Safari的十六进制颜色显示不同

Html Mac上Chrome和Safari的十六进制颜色显示不同,html,css,google-chrome,colors,safari,Html,Css,Google Chrome,Colors,Safari,浏览器之间十六进制颜色值的显示是否可能不同?在一个网站上工作时,我一直注意到我在预览Chrome和Safari时使用的红色的区别 Chrome:58.0.3029.110版(64位) Safari:版本10.1.1(12603.2.4) MacOS Sierra:10.12.5版(16F73) iMac(视网膜5K,27英寸,2014年末) 代码: 颜色测试 身体{ 高度:200px; 背景色:#ff3324; } 这是因为Safari可以访问显示器的ICC配置文件,并且它将使用它在s

浏览器之间十六进制颜色值的显示是否可能不同?在一个网站上工作时,我一直注意到我在预览Chrome和Safari时使用的红色的区别

  • Chrome:58.0.3029.110版(64位)
  • Safari:版本10.1.1(12603.2.4)
  • MacOS Sierra:10.12.5版(16F73)
  • iMac(视网膜5K,27英寸,2014年末)
代码:


颜色测试
身体{
高度:200px;
背景色:#ff3324;
}	

这是因为Safari可以访问显示器的ICC配置文件,并且它将使用它在sRGB中提供最佳通信

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

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

Safari中没有设置使其表现得像其他人一样,我也没有在chrome中找到方法;Firefox有一些关于颜色管理的标志,但我认为这只是关于图像的嵌入式ICC配置文件,而不是显示器的配置文件

[编辑]


实际上FF的标志
gfx.color\u management.XXXX
也适用于渲染的颜色,并将提供与Safari相同的行为。但是,设置它时似乎存在错误(例如canvas'
getImageData()
方法将返回显示的sRGB值,而不是已编写的RGB值)。

在您的屏幕截图上,右侧是
#ff3324
,左侧是
#ff2e11
。谢谢!我用chrome和safari制作了这个片段的屏幕截图,颜色仍然略有不同。和以前一样。@Peng:实际上,在Windows上的Firefox中,左边的是#FF2D12。