RRGGBBAA 是 CSS3 八位十六进制颜色格式，后两位为 Alpha 通道（00–FF），兼容性有限；需搭配 rgba() 回退使用，且 Alpha 值非百分比，须换算为 0–255 十六进制。
#RRGGBBAA 是 CSS3 中十六进制颜色带 Alpha 通道的标准写法，但它的兼容性有明显断层——Safari 16.4 之前、Firefox 99 之前、所有旧版 Edge 都不支持。
什么是 #RRGGBBAA 格式？
它是在传统 #RRGGBB 六位十六进制色码后追加两位 Alpha 值（AA），共八位。例如：#FF000080 表示红色（FF0000）叠加 50% 透明度（80 十六进制 = 128 十进制 ≈ 0.5）。Alpha 值范围是 00（全透明）到 FF（完全不透明）。
#RRGGBBAA 和 rgba() 的关键区别
-
#RRGGBBAA是单一颜色值，只能用于接受颜色的属性（如color、background-color），不能用于border-color的 fallback 回退逻辑 -
rgba()是函数调用，浏览器解析更稳定，且在几乎所有现代浏览器中自 IE9 起就已支持 -
#RRGGBBAA在 CSS 变量或 calc() 中无法参与计算；而rgba()的参数可被 CSS 自定义属性 +color-mix()（新标准）动态调整 - 动画插值行为不同：CSS 动画对
#RRGGBBAA是按十六进制位线性插值，视觉上可能跳变；rgba()则按 R/G/B/A 四个通道分别插值，更平滑
实际项目中怎么安全使用？
除非你明确锁定用户环境（如仅面向 Safari 17+ / Chrome 115+ / Firefox 102+），否则不要单独依赖 #RRGGBBAA。推荐组合写法：
button {
background-color: rgba(255, 0, 0, 0.5);
background-color: #FF000080;
}
这样老浏览器会忽略第二行，回退到第一行；新浏览器则优先采用第二行（因声明靠后且无兼容性问题）。
容易被忽略的细节
Alpha 十六进制值不是百分比，#FF000040 ≠ 40% 透明度，而是 64/255 ≈ 25% 不透明度（即约 75% 透明）。换算时务必用 Math.round(alphaPercent * 255).toString(16).padStart(2, '0')，别手算 40 对应 40%。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
