css - Chrome 和 Safari 中的显示颜色不同

Question

我的问题与颜色显示有关。

我在圆框内有 #0565af 彩色图像，background-color: #0565af;。在 Safari 中，我看到两种不同的颜色。所附图片显示了差异。我怎样才能消除这种差异？

Answer 1

通常，浏览器会根据颜色的书写方式以不同的方式解释颜色。与此同时，一些浏览器更喜欢最常用的 HEX 命名法，其他浏览器通过计算基色的不同色调并从那里开始来解释 sRGB。当有疑问时，我专业应用的经验法则是将 HEX 代码和 sRGB 代码都声明到 CSS 中。如果您使用的是 LESS 或 SCSS，那么您可以将它们集成到一个 mixin 中并照此渲染。

所以一个正常的黑色，会被编码为:

.class{
   color:#000;
   color: #000000;
   color: rgb(0,0,0);
}

有关此已知问题的更多说明，请参阅这些链接

Numerical color values

Colors in sRGB

并使用这个很棒的工具来帮助您找到您正在寻找的值:

ColorHexa