添加两位透明度的十六进制CSS颜色是否会成为正式标准?
关于8位十六进制颜色透明度写法的标准说明
这种给十六进制颜色值追加两位数字设置透明度的写法,已经是正式的CSS标准,属于CSS Color Module Level 4规范的内容。
关键细节:
- 格式规则:8位十六进制颜色的完整格式为
#RRGGBBAA,其中前六位是RGB颜色值,最后两位AA是alpha通道的十六进制表示,范围从00(完全透明,对应0%不透明度)到FF(完全不透明,对应100%不透明度)。 - 补充简写:还有4位简写格式
#RGBA,每一位对应RGB和alpha的简写,比如#0003等价于#00000033,透明度约20%。 - 纠正示例误区:你提到的
#00000030实际透明度并非30%——十六进制30转换为十进制是48,48/255≈18.8%。如果需要精确30%的不透明度,应该用#0000004D(十进制77,77/255≈30.2%)。
目前除了你提到的Chrome、Edge,Firefox、Safari等主流现代浏览器也都已经支持这个规范,属于可以放心使用的标准写法。
内容的提问来源于stack exchange,提问作者Perry
相关产品推荐
相关产品推荐

