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