colors - 带 Alpha channel 的颜色的十六进制表示？

Question

关于如何以十六进制格式表示颜色(包括 Alpha channel )，是否有 W3 或任何其他值得注意的标准？

是#RGBA还是#ARGB？

Answer 1

在 CSS 3 中，引用规范，“RGBA 值没有十六进制表示法”(请参阅​​ CSS Level 3 spec )。相反，您可以使用带有小数或百分比的 rgba() 函数表示法，例如rgba(255, 0, 0, 0.5) 将为 50% 透明红色。 RGB channel 为 0-255 或 0%-100%，alpha 为 0-1。

在 CSS 颜色级别 4 中，您可以使用 8 位十六进制颜色的第 7 个和第 8 个字符或 4 位十六进制颜色的第 4 个字符指定 Alpha channel (请参阅 CSS Color Module Level 4 spec *)

截至 2022 年 7 月，预计 >95% 的用户能够理解 #RGBA 格式

自以下时间以来一直受到支持:

• Firefox 49，2016 年 9 月发布 ( Mozilla bug 567283 )。
• Safari 10，2016 年 9 月发布。
• Chrome 62，2017 年 10 月发布。对于早期版本，您可以启用实验性网络功能来使用此语法。请参阅Chromium Issue 618472和 Webkit bug 150853 .
• Opera 52，2018 年 3 月发布(启用实验性网络功能后为 Opera 39)。
• Edge 79，2020 年 1 月发布(基于 Chromium 的 Edge 的第一个版本)
• 三星互联网 8.2，2018 年 12 月发布
• Android P(您的应用必须面向 Android P 或更高版本)

不支持:

• IE
• 原始 Edge(版本号不超过 18)
• 迷你歌剧
• UC浏览器

最新的浏览器支持信息是 available on CanIUse.com