CSS支持140多个预定义英文颜色名称，如red、blue等，不区分大小写；推荐使用基础色、中性色及易记色名，但需注意兼容性与精确性限制。
CSS颜色值确实可以写英文，这就是CSS预定义颜色名称（Named Colors）。
哪些英文颜色名可用
CSS规范定义了140多个标准颜色名称，比如 red、blue、green、orange、purple、teal、olive、navy 等。它们不区分大小写，RED、Red 和 red 效果完全一样。
常用且实用的英文色名推荐
- 基础色：black、white、gray / grey、red、green、blue、yellow、cyan、magenta
- 中性/设计常用色：lightgray、darkgray、slategray、steelblue、coral、khaki、tan、plum
- 易记又安全的色名：tomato、skyblue、seagreen、goldenrod、firebrick（比十六进制更直观，适合快速原型）
使用时要注意什么
预定义颜色名称虽然方便，但覆盖范围有限，不能表达所有色彩。例如没有“浅粉红”或“灰蓝绿”这类中间色的专有名称。
- 浏览器兼容性很好，所有现代浏览器都支持全部140+个标准色名
- 部分老版本IE（如IE8及更早）只支持16个基本色（如 aqua、fuchsia、lime、maroon 等）
- 避免用生僻色名（如 blanchedalmond 或 gainsboro），团队协作时可能造成理解成本
- 在需要精确控制色值（如品牌色、无障碍对比度要求）时，优先使用十六进制（#ff6b6b）、rgb() 或 hsl()
怎么查全量色名列表
W3C官方文档和主流开发者工具都提供完整列表。你也可以在浏览器控制台输入 console.log(Object.keys(CSS.supports ? {} : {})) —— 更简单的方法是直接搜索 “CSS named colors chart”，会看到带预览的可视化表格，比如 MDN Web Docs 的 CSS named colors 页面。
立即学习“前端免费学习笔记（深入）”；
