兼容性最好的CSS颜色写法是十六进制（#ff0000）和rgb()函数，二者均支持IE6+；应避免3位简写、rgba()、命名色及hsl等低兼容性写法。
兼容性最好的 CSS 颜色写法是 十六进制（hex） 和 RGB 函数（rgb()），它们在所有主流浏览器（包括 IE6+）中都稳定支持，且语义明确、无歧义。
优先用 6 位 hex（如 #ff0000），避免简写坑
6 位十六进制颜色（如 #ff6600）兼容性最广，从 IE6 到现代浏览器均无问题。3 位简写（如 #f60）虽也兼容，但易出错：它会自动双倍扩展（#f60 → #ff6600），无法表达像 #fb0（即 #ffbb00）这类中间值，灵活性低。建议统一用 6 位写法，便于维护和工具处理。
rgb() 比 rgba() 更稳妥，老浏览器不认 alpha
rgb(255, 102, 0) 在 IE6+ 全面支持；而带透明度的 rgba() 在 IE8 及更早版本中完全不被识别（IE9+ 才支持）。若需兼容 IE8，应避免直接使用 rgba()，可用 fallback 方式：
- 先写
color: rgb(255, 102, 0); - 再覆盖一行
color: rgba(255, 102, 0, 0.8);（支持的浏览器会覆盖前一行）
避开命名色和 hsl，兼容性有短板
HTML 命名色（如 red、darkslategray）虽简洁，但部分冷门名称（如 rebeccapurple）在 IE 中不支持；hsl/hsla 是 CSS3 特性，IE9+ 才支持，IE8 及以下会忽略整条声明。对兼容性敏感的项目，应主动规避。
立即学习“前端免费学习笔记（深入）”；
现代项目可渐进增强，但基线要稳
如果目标最低浏览器是 IE11 或仅需支持现代浏览器（Chrome/Firefox/Safari/Edge），可放心用 hsl()、hsla()、lab() 或颜色函数（如 color-mix()）。但只要还需支持 IE8–IE10，hex 和 rgb 就仍是不可替代的基石写法。
