Question

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

Chrome：版本58.0.3029.110（64位）
Safari：版本10.1.1（12603.2.4）
MacOS Sierra：版本10.12.5（16F73）
iMac（Retina 5K，27英寸，2014年末）

代码：

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<title>Color Test</title>
	<style type="text/css">
body {
	height: 200px;
	background-color: #ff3324;
}	
	</style>

</head>
<body>


</body>
</html>

＆＃13;

颜色对比截图：左：Chrome
右：Safari

出了什么问题？

Answer 1

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

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

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

Safari中没有任何设置可以让它像其他人一样行事，而且我也没有找到一种方法。 Firefox有一些关于色彩管理的标志，但我认为它仅仅是关于图像的。嵌入式ICC配置文件，而不是显示器的配置文件。

[edit] ，

实际上FF的标志gfx.color_management.XXXX也适用于渲染的颜色，并且会提供与Safari相同的行为。但是，设置它时似乎存在错误（例如，canvas＆＃39; getImageData()方法将返回显示的sRGB值而不是已创作的RGB值。

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

1 个答案: