合法的#rgb缩写仅当原始六位值满足rr=gg=bb，如#f00→#ff0000、#39c→#3399cc、#fae→#ffaaee；#ff5等不满足条件的缩写会错误展开为#ffff55，#1234等非3/6位格式直接被丢弃。
HEX缩写只在特定条件下有效，盲目套用反而导致颜色错乱或静默失效——它不是字符压缩，而是浏览器自动展开的语法糖。
哪些#RGB缩写是合法的？
三位HEX（如#abc）仅当原始六位值满足「RR = GG = BB」时才被允许。浏览器会把它当作#aabbcc处理，不是“省字数”，而是硬性规则。
-
#f00→ ✅ 合法，等价于#ff0000（红满、绿蓝为0） -
#39c→ ✅ 合法，等价于#3399cc（常见品牌蓝） -
#fae→ ✅ 合法，等价于#ffaaee（粉紫调） -
#ff5→ ❌ 错误，实际展开为#ffff55，不是你想要的#ff0055 -
#1234或#12345→ ❌ 无效格式，整条声明被丢弃
什么时候该坚持用#RRGGBB？
六位写法明确、无歧义，尤其在协作和设计系统中，避免因简写引发理解偏差或工具链解析不一致。
- 非灰阶/非对称色值：如
#ff6b35（橙红）不能缩，强行写成#f63会变成#ff6633，偏黄 - CI/CD流程中依赖颜色校验：某些构建工具会拒绝三位缩写，或将其标准化为六位
- 设计师交付的 HEX 值含大小写混用（如
#AaBbCc），直接缩写易出错，不如统一转小写+六位 - 需要与 RGB/HSL 混用时：如
color: #2563eb和background: rgb(37, 99, 235)能一一对应；而#26e无法反推准确 RGB
#RRGGBBAA 八位写法能替代 rgba() 吗？
可以，但必须清楚兼容边界：Chrome 72+、Firefox 63+、Safari 16+ 支持，IE 完全不支持。它不是“更简洁的替代”，而是权衡后的选择。
-
#00000080等价于rgba(0, 0, 0, 0.5)，但前者少打几个字符，后者兼容性更广 - 八位值中的透明度
AA是十六进制（00–FF），不是百分比或小数，80≈ 50% 不透明，CC≈ 80% - 不要混用：
color: #00080（七位）或#0000008（七位）都是非法，必须严格 6 位或 8 位 - 若项目需支持 Safari 15 或旧版 Edge，仍建议优先用
rgba()
真正容易被忽略的是：HEX 缩写不改变颜色语义，但会掩盖通道差异。比如#39c看着干净，可一旦设计要求微调绿色通道从99→9a，就必须切回#339acc——缩写在此刻成了修改阻力。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
