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

【问题标题】：Hex colors display differently between Chrome and Safari on Mac十六进制颜色在 Mac 上的 Chrome 和 Safari 之间显示不同
【发布时间】：2017-10-21 12:27:11
【问题描述】：

十六进制颜色值是否可以在浏览器之间以不同方式显示？在网站上工作时，我一直注意到我在 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 年末）

代码：

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

</head>
<body>


</body>
</html>

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

怎么了？

【问题讨论】：

在你的截图上，右边是#ff3324，左边是#ff2e11。
谢谢！我在 chrome 和 safari 中制作了 sn-p 的屏幕截图，颜色仍然略有不同。和以前一样。
@Pang：实际上，在 Windows 上的 Firefox 中，左边是#FF2D12。

标签： html css google-chrome colors safari

【解决方案1】：

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

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

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

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

[编辑]，

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

【讨论】：