CSS - 用于颜色的RGB或HEX

时间:2012-03-21 10:39:06

标签: css

  

可能重复:
  Are there any good reasons for using hex over decimal for RGB colour values in CSS?

是否应该在CSS样式表中使用RGB或HEX作为颜色?

如果一个人比另一个人更受青睐,为什么?

未来的打样,处理速度,平台/浏览器之间的兼容性是否有所不同

4 个答案:

答案 0 :(得分:26)

我认为无论你应该使用RGB还是HEX,这都是个人品味的问题。我个人使用HEX,因为它感觉更方便 - 在阅读代码时更容易扫描,更容易从首选的图像编辑器进行复制。此外,对于白色(#fff),黑色(#000)这样的颜色,它可以节省几个字节(不过它会产生很大的不同)。

最后,它实际上只是对同一事物的两种不同表现形式,从性能角度来看,我认为这并不重要。至少你可以做很多其他事情来提高性能,这会对性能产生更大的影响。

答案 1 :(得分:13)

通常,您可以直接从图形编辑器复制十六进制值 - 来自单个文本字段。对于RGB,您不能:RGB值通常通过三个单独的文本字段表示。所以十六进制值至少比日常使用更容易。

但是暂时没有way对带有 alpha透明度的值使用十六进制表示法,所以我们不得不通过rgba()函数使用RGB表示法。 / p>

CSS Color Module Level 4草案规范添加了8位十六进制表示法#RRGGBBAA#RGBA:e。 G。 #00ffaa80相当于rgba(0, 255, 170, .5)。该功能在Firefox 49+Chromium 62+和Safari 10+(WebKit bug)中可用,但在IE和Edge中均未提供。根据{{​​3}},75%的浏览器支持这种表示法,因此它可能尚未在野外使用,但可以在浏览器插件中使用。

答案 2 :(得分:2)

HEX对于企业服务来说是稳定的。它易于维护(预处理器和工作人员非常友好),并且支持许多浏览器。

但是,如果你喜欢,颜色名称也不错。从调色板中选择很有趣,并且已经定义了许多颜色。

所以,这是一个附录。我现在在私人实验网站上使用 HLSA 颜色模式。如果您对新的CSS3草案感兴趣,请参阅:http://www.w3.org/TR/css3-color/。如果您了解自然现象的颜色规则,这是非常直观的。

答案 3 :(得分:1)

如果用于设备(​​VGA等) - >使用RGBA值,否则HEX HSL和几乎任何工作。