CSS 中 RGBA 颜色有简洁的十六进制表示法吗？

CSS 十六进制 RGBA 表示法

问题： 目前，CSS 支持使用十进制值的 RGBA 颜色表示法（例如 rgba(255, 0, 0 , 0.5))。有没有更简洁的方法来以十六进制指定部分透明颜色？

答案：

预计 CSS 颜色模块级别 4（目前处于草案形式）引入对 4 位和 8 位十六进制 RGBA 表示法的支持。

如何实现工作

8 位数字表示法：

• 前 6 位数字代表红色、绿色和蓝色通道的十六进制值。
• 最后 2 位数字代表 Alpha 通道，00 表示完全透明，FF 表示完全透明

4 位数字表示法：

• 第一位数字代表红色通道。
• 接下来的三位数字代表绿色、蓝色和 Alpha 通道，

示例

使用 8 位数字表示法，以下十六进制颜色表示略透明的蓝色：

#0000ffcc

这相当于以下内容RGBA 表示法：

rgba(0, 0, 100%, 80%)

浏览器支持

在撰写本文时（2015 年初），没有浏览器支持 #RRGGBBAA 颜色表示法。但是，您可以使用以下后备技术立即开始使用它：

figure {
  background: #FEFE7F;
  color: #3F3FFE;
  
  background: rgba(255, 255, 0, 0.5);
  color: rgba(0, 0, 255, 0.75);
  
  background: #ffff007F;
  color: #0000ffbe;      
}

以上是CSS 中 RGBA 颜色有简洁的十六进制表示法吗？的详细内容。更多信息请关注PHP中文网其他相关文章！