优先选#rrggbbaa，但需浏览器支持（chrome65+/firefox49+/edge79+/safari16+）、格式绝对正确（8位小写十六进制、无空格引号）、兼容旧版时须手动fallback至rgba()或六位色值。
能用，但必须满足三个硬性条件：浏览器支持、格式绝对正确、不混用空格或引号——错一个，样式就静默失效，控制台不报错。
什么时候该用 #RRGGBBAA 而不是 rgba()
现代项目（Chrome 65+ / Firefox 49+ / Edge 79+ / Safari 16+）且需在 CSS 变量或 CSS-in-JS 中统一管理颜色时，优先选 #RRGGBBAA。它比 rgba() 更紧凑，避免手动把十六进制转十进制；也比 rgb(0 0 0 / 50%) 更早获得广泛支持。但若项目仍需兼容 Safari ≤15 或 IE，必须回退到 rgba()，因为 IE 完全不识别八位写法。
#RRGGBBAA 的格式陷阱与校验要点
浏览器对这个格式极其敏感，任何字符偏差都会导致整条声明被丢弃：
-
#ff6b3580✅ 连续 8 位小写十六进制，无空格、无引号 -
"#ff6b3580"❌ 带双引号 -
#ff6b35 80❌ 中间有空格 -
#ff6b358❌ 少一位（必须是 8 位，不能是 7 位） -
#FF6B3580✅ 大小写不敏感，但建议统一小写以减少 diff 冗余
AA 是透明度通道：FF = 完全不透明，00 = 完全透明。80 不是“80% 透明”，而是 128/255 ≈ 50% 不透明（即 50% 透明）。高频值可直接复用：FF（100% 不透明）、B3（70% 不透明）、80（50% 不透明）、4D（30% 不透明）、00（0% 不透明）。
CSS 变量中使用 #RRGGBBAA 的注意事项
在 :root 中定义 --primary: #ff6b3580; 没问题，但后续使用必须是 color: var(--primary); —— 浏览器会原样解析该字符串为带 alpha 的颜色值。以下写法均无效：
-
--primary: #ff6b35; --alpha: 80;+color: var(--primary)var(--alpha);→ CSS 不支持字符串拼接 -
--primary: "#ff6b3580";→ 引号使变量值变成字符串字面量，无法被 color 属性识别
更麻烦的是：变量里写错 #RRGGBBAA 不会高亮报错，而是悄无声息 fallback 到初始值（如黑色），极难排查。
兼容性 fallback 必须手动写，且顺序不能反
CSS 不会自动降级。要兼容旧浏览器，必须显式写出 fallback：
background-color: #2c3e50; background-color: rgba(44, 62, 80, 0.85); background-color: #2c3e50d9;
注意顺序：fallback（六位色值或 rgba()）必须写在前面，#RRGGBBAA 写在最后。旧引擎跳过不认识的声明，新引擎则用最后一行。如果反过来，IE8 及以下会直接无背景。
最易被忽略的一点：八位色值在变量或复杂上下文中一旦出错，既不报错也不提示，只默默失效——盯住那 8 个字符，比查文档快得多。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
