旧版 Chrome（≤79）忽略 #RRGGBBAA 语法，Chrome 65 首次稳定支持；rgba() 是可靠 fallback，但需严格遵循参数格式；CSS 变量中使用该语法风险高，推荐拆分 RGB 和 alpha；验证必须依赖 DevTools 的 Styles 和 Computed 面板。
旧版 Chrome（≤79）直接忽略 #RRGGBBAA 语法
Chrome 64 及更早版本压根不识别 #ff6b3580 这类写法，解析器遇到就跳过整条声明，既不报错也不 fallback——你看到的“颜色没变”，其实是它被当作了无效值丢弃。Chrome 65（2018 年 3 月发布）才是首个稳定支持该语法的版本。如果你的项目需兼容企业内网锁定 Chromium 64 的终端，#RRGGBBAA 就是不可用的。
rgba() 是最可靠 fallback，但参数格式很关键
不是写了 rgba() 就万事大吉，旧引擎对空格、单位、数值范围极其敏感：
-
rgba(255,107,53,0.5)✅（逗号后无空格，Chrome 4+ 支持） -
rgba(255, 107, 53, 0.5)❌（Chrome 6–12 对逗号后空格报错） -
rgba(100%,42%,21%,0.5)❌（Chrome 13 前不支持百分比 RGB） -
rgba(255,107,53,50%)❌（alpha 必须是 0–1 小数，不是百分比）
CSS 变量里用 #RRGGBBAA 更危险
在 :root 里定义 --primary: #ff6b3580; 看似简洁，但错一位或加引号就会全挂：
-
--primary: "#ff6b3580";→ 带引号 = 字符串字面量，color: var(--primary)不生效 -
--primary: #ff6b358;→ 少一位 = 非法十六进制，变量值为空，var(--primary, #000)才能兜底 - 真正安全的做法：拆成
--primary-rgb: "58,134,255"; --primary-alpha: 0.6;，再组合rgba(var(--primary-rgb), var(--primary-alpha))
别信眼见为实，验证必须看 DevTools
即使页面看起来“颜色对了”，也不能说明 #RRGGBBAA 被正确解析。在 Chrome 64 下，它可能只是 fallback 的 rgba() 或前置六位色在起作用。务必打开 DevTools 的 Styles 面板，确认那行 #RRGGBBAA 没被划掉；再切到 Computed 标签页，查 color 或 background-color 的最终计算值是否匹配预期——这才是唯一可信的判断依据。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
