只有形如#rrggbb且每组两位十六进制数完全相同时，才能缩写为#rgb，例如#ff6666→#f66；#001不合法，会被解析为#000111；缩写仅支持3位或6位，不支持4位。
哪些十六进制颜色能缩写？
只有形如 #RRGGBB 且每组两位十六进制数完全相同时，才能缩写为 #RGB。比如 #FF6600 不能缩写（FF、66、00 各不相同），但 #FF6666 可以缩写成 #F66（因为 FF→F、66→6、66→6）。
-
#000等价于#000000，但#001不合法——它会被浏览器解析为#000111，不是你想要的#000011 - 缩写只支持 3 位或 6 位，不支持 4 位（如
#RGBA是另一套透明度语法，和缩写无关） - CSS 解析器对大小写不敏感，
#FFF和#fff效果一致，但建议统一小写，避免 Git diff 里无谓的大小写变更
缩写后怎么验证是否等价？
别靠肉眼比对，用 JavaScript 快速验算最可靠：
const expand = (hex) => {
if (hex.length === 4) {
return `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}`;
}
return hex;
};
expand('#F66'); // → '#FF6666'
反过来，若要判断能否缩写，只需检查 hex[1]===hex[2]、hex[3]===hex[4]、hex[5]===hex[6]（对 #RRGGBB 形式）。
- 工具链（如 PostCSS、Sass）通常自动处理缩写，但它们依赖输入格式：给
#FF6666才可能输出#F66；给#F66就不会“展开”再缩写 - 某些旧版 IE（IE8 及更早）对 3 位缩写支持不稳定，现在基本可忽略，但若项目需兼容极老环境，就别缩写
编辑器和构建工具会自动缩写吗？
不一定，取决于配置。VS Code 默认不改颜色值；而 Prettier 默认关闭 CSS 颜色缩写（需显式开启 colorShorthand 选项）；PostCSS 的 cssnano 在压缩模式下默认启用缩写。
立即学习“前端免费学习笔记（深入）”；
- 缩写是纯字符串替换，不影响渲染性能，但可能干扰人工维护——比如
#EEE看着像灰色，实际是#EEEEEE，和#EFEFEF（浅灰纹）视觉差异很小，却无法缩写 - 设计系统中若用变量管理颜色（如
$gray-200: #EEEEEE），建议变量值保持 6 位，避免团队成员误以为#EEE和#EEE（3 位）是同一概念 - Git 提交时，缩写可能导致“看似修改实则等价”的 diff，例如把
#FFCC00改成#FC0，虽语义一致，但会触发样式文件变更记录
遇到 #000000 或 #FFFFFF 怎么办？
这两个最常用，都能安全缩写：#000 和 #FFF。但注意：没有 #0000 或 #FFFF 这种 4 位写法——那是非法 CSS，浏览器会直接忽略整条声明。
-
#000和#000000在所有现代浏览器中完全等效，包括打印样式和高对比度模式 - 如果你在 SVG 的
fill属性里写#000，没问题；但在某些 XML 工具链中，未闭合的#可能被误解析，此时用black字符串反而更稳妥 - 别为了“看起来简洁”强行缩写非重复值，比如把
#3A8EE6硬改成#38E——这既不合法，也不等价，只是错觉
