能用，但必须严格写成8位小写无空格无引号的#RRGGBBAA格式，前6位为RGB色值、后2位为十六进制alpha通道（00=全透，FF=不透），且需手动前置rgba() fallback以确保旧浏览器兼容。
能用，但必须写对 #RRGGBBAA 格式，错一位、大小写混、加空格或引号，整条声明就静默失效——浏览器不报错，也不渲染，你只会看到“颜色没生效”，实际是语法被丢弃了。
怎么写才算合法的八位HEX
不是“在六位后面随便加两位”，而是严格 8 字符、全小写、无空格、无引号的连续序列：#RRGGBBAA。前6位是标准RGB，后2位是alpha通道（00–FF），缺一不可。
-
#ff6b6b80✅ 正确：8位、小写、无分隔 -
"#ff6b6b80"❌ 引号让CSS解析器当成字符串字面量，color: var(--primary)会直接失败 -
#ff6b6b 80❌ 空格中断解析，整条声明被跳过 -
#ff6b6b8❌ 少1位，不是8位即无效 -
#F53C❌ 这是4位简写，只适用于原色可压缩值（如#f00→#ff0000），#F53C会被解析为#ff5533cc，完全不是你想要的颜色
透明度值 AA 怎么换算才不翻车
AA 是十六进制，对应十进制 0–255，它表示的是**不透明度**（不是“透明度百分比”）：00 = 完全透明，FF = 完全不透明。别把 0.5 直接写成 50——50 是十六进制，等于十进制 80，实际不透明度 ≈ 31%，不是 50%。
- 50% 不透明度 → 十进制 127.5 → 取整 127 → 十六进制
7f（不是80；80是 128/255 ≈ 50.2%） - 常用值建议硬记：
ff（不透）、cc（≈20% 透）、99（≈40% 透）、7f（≈50% 透）、33（≈80% 透）、00（全透） - 动态生成时，用 JS 换算更稳：
Math.round(alpha * 255).toString(16).padStart(2, '0')
为什么必须手动写 rgba() fallback
#RRGGBBAA 在 IE 和旧版 Safari 中直接被忽略，且**不会降级**，也不会报错——样式就没了。CSS 不会自动 fallback，必须人为写两遍，顺序还不能错：
立即学习“前端免费学习笔记（深入）”；
color: rgba(52, 152, 219, 0.25); color: #3498db40;
- 旧浏览器读到第一行就用上，跳过第二行
- 新浏览器覆盖第一行，用第二行（更紧凑、语义更准）
- 顺序反了（
#RRGGBBAA写在前面），旧浏览器啥都得不到 - 某些 PostCSS 插件默认剔除“非标”八位值，需检查配置是否启用
color-function或customProperties支持
别和 opacity 混，它们根本不是一回事
background-color: #00000080 只让背景半透，文字、子元素照常显示；opacity: 0.8 会让整个元素连同所有子节点一起变淡。用错一个，UI 层级就乱了。
- 要控制**颜色本身**透明度 → 用
rgba()或#RRGGBBAA - 要整体虚化效果（比如蒙层淡入）→ 才考虑
opacity - 构建流程是否保留八位值、设计系统 token 是否同步支持、团队是否统一透明度换算习惯——这些比语法本身更耗调试时间
