CSS 颜色模块第 4 级如何简化具有十六进制值的 RGBA 颜色表示法？

CSS 中的十六进制 RGBA 表示法：揭开未来

当前的十六进制颜色表示法

在 CSS 中，十六进制符号通常用于指定颜色。例如，#ff0000 代表纯红色，#rgba(255, 0, 0, 0.5) 创建半透明红色。

引入 4 和 8 位十六进制 RGBA 表示法

即将推出的 CSS 颜色模块第 4 级介绍了 4 和8 位十六进制 RGBA 表示法，提供更简洁的十六进制格式表示透明颜色的方式。

8 位十六进制表示法

RRGGBBAA

• 前 6 位数字与标准一样指定 RGB 颜色6 位数字表示法。
• 最后两位数字代表 Alpha 通道，“00”表示完全透明，“ff”表示不透明。
• 例如，#0000ffcc 表示稍微-透明蓝色（与 rgba(0, 0, 100%, 80%)).

4 位十六进制表示法

RGBA

• 第一位指定红色通道（如8位数字的第一位
• 剩下的三位数字分别代表绿色、蓝色和 alpha 通道，就像标准的 rgba 表示法一样。
• 例如，#0000 代表完全透明的黑色（# 0000，alpha 通道设置为 00)。

的好处新表示法

4 位和 8 位十六进制 RGBA 表示法具有以下优点：

• 比 RGBA 表示法更简洁，特别是对于具有简单 alpha 值的颜色。
• 允许在十六进制和十进制之间轻松转换

浏览器支持和使用

主要浏览器尚不支持新的十六进制 RGBA 表示法。预计未来版本将支持它。

在此之前，您可以使用后备语法来支持现代和旧版浏览器，如下所示：

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

以上是CSS 颜色模块第 4 级如何简化具有十六进制值的 RGBA 颜色表示法？的详细内容。更多信息请关注PHP中文网其他相关文章！