只有当六位十六进制颜色值每两位相同（如#ff6600→#f60）时才能简写为三位；#rgb与#rrggbb在所有浏览器中解析一致，但部分老旧工具可能不支持简写。
什么时候能用 #fff 这种简写？
只有当颜色的六位十六进制值每两位都相等时，才能缩写为三位。比如 #ff6600 可以缩成 #f60，但 #ff6601 不行——因为最后两位 01 ≠ 00，强行写成 #f61 会被解析为 #ff6611，颜色就错了。
常见可简写的组合：
-
#000→#000000 -
#369→#336699 -
#a5c→#aa55cc
#rgb 和 #rrggbb 在所有浏览器里行为一致吗？
是的，CSS 规范要求所有支持 HEX 颜色的浏览器（包括 IE8+）都必须正确解析三位简写，并自动展开为六位。没有兼容性风险，放心用。
但注意：某些老旧工具（如部分 CSS 压缩器、IDE 的颜色预览插件）可能不识别 #xyz 格式，显示为灰色或报错——这不是浏览器问题，而是工具链没跟上规范。
立即学习“前端免费学习笔记（深入）”；
怎么快速判断一个六位色值能不能简写？
把六位拆成三组，每组两个字符，看是否满足：rr == rr、gg == gg、bb == bb。手动判断容易漏，推荐用这个小技巧：
- 在编辑器里选中颜色值，运行正则替换：
#(\w)\1(\w)\2(\w)\3→#$1$2$3 - VS Code / WebStorm 支持「查找」栏粘贴正则，勾选「使用正则表达式」即可批量简化
- 在线工具如 color-hex.com 输入六位值后，右侧会直接显示对应简写（如果存在）
用简写会不会影响可维护性？
一般不会，反而更易读——#fff 比 #ffffff 更直观地表达“纯白”。但要注意团队协作时的隐性约定：
- 有些项目强制统一用六位格式（例如通过 Stylelint 规则
color-hex-length: "long"），这时硬改会触发 lint 报错 - 设计师给的标注稿若全是六位值，开发直接照抄可能忽略简写机会；建议在 PR 前扫一遍
#[0-9a-f]{6}正则，人工确认可否压缩 - Alpha 通道（如
#rrggbbaa）没有三位简写形式，#fff8是非法写法，必须写全八位或改用rgba()
真正容易被忽略的是：颜色值缩写只适用于 HEX，rgb()、hsl()、命名色（如 red）都不能“缩短”，别试图写 rg(255,0,0) 这类不存在的语法。
