rrggbbaa可在chrome 112+/firefox 119+/safari 16.4+等现代浏览器中使用，需确保格式正确（8位小写十六进制、无空格引号）并为ie等旧浏览器提供rgba() fallback。
Hex 十六进制颜色本身不支持透明度；#RRGGBB 格式只有 6 位，没有 alpha 通道。想用 Hex 表达透明度，必须升级到 8 位格式 #RRGGBBAA（或简写为 #RGBA），且需确认浏览器支持。
什么时候能用 #RRGGBBAA？
现代浏览器（Chrome 112+、Firefox 119+、Safari 16.4+）已支持 8 位 Hex，但旧版本（如 Chrome
-
#FF000080表示红色（FF0000）+ 50% 透明（80≈ 128/255） -
#F008是#FF000080的简写形式，仅当每对数字相同时才有效（如#F008→FF000088，不是FF000080） - IE 和部分安卓 WebView 完全不识别，CSS 声明会被丢弃
rgba() 仍是更稳妥的替代方案
如果目标环境包含旧浏览器或需要精确控制（比如动态计算透明度），rgba() 更可靠：它明确分离颜色与 alpha，且兼容性覆盖所有主流浏览器（包括 IE9+）。
-
color: rgba(255, 0, 0, 0.5);等价于#FF000080，但解析稳定 - JS 动态生成时，
rgba()更易拼接：`rgba(${r}, ${g}, ${b}, ${alpha})` - 工具链（如 PostCSS、Tailwind）对
rgba()的处理更成熟，而 8 位 Hex 可能被误判为无效值并剔除
别混淆 #RRGGBB 与 opacity
opacity 作用于整个元素及其子元素，而 Hex 的 alpha（或 rgba()）只影响当前颜色属性（如 background-color、color）。
- 设置
opacity: 0.5会让文字、边框、子容器全部变淡，不可逆 - 用
background-color: #0000004D只让背景半透，文字仍 100% 不透明 - 两者叠加会导致双重透明（比如
background-color: #0000004D+opacity: 0.8），结果难预测
8 位 Hex 看起来简洁，但实际落地时得反复检查构建工具是否保留、CI 是否报 warning、设计系统是否同步更新 token 规范——这些细节比写对一个 #RRGGBBAA 更容易出问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
