完全行，CSS 支持 140+ 个标准颜色关键词如 red、blue、transparent，大小写不敏感但建议小写；非法关键词会被忽略，transparent 语义更明确且兼容性优于 rgba(0,0,0,0)。
color 属性直接写 red、blue 这些关键词行不行
完全行，这是 CSS 最基础也最常用的写法之一。浏览器内置了 140+ 个标准颜色关键词，red、blue、transparent、rebeccapurple全都能直接用，无需引号、不用加单位。
但要注意：关键词大小写不敏感（Red和 RED 效果一样），但建议统一小写，避免和自定义变量名混淆。
哪些关键词能用|查不到的词会怎样
CSS 颜色关键词是固定列表，不是“英语单词就能用”。比如 orange 可以，sky不行；transparent是合法关键词，none在 color 里就无效（它只适用于 border 或background等少数属性）。
-
tomato、coral、hotpink这些带名字的都支持（CSS3 新增） -
aliceblue、ghostwhite这种带空格的写法是连在一起的，不能写成alice blue - 写了不存在的词，比如
tealgreen，浏览器会直接忽略该声明，回退到继承值或初始值（通常是黑色） - 想确认某个词是否合法？查 MDN 的 named-color 列表最靠谱
transparent和 rgba(0,0,0,0) 有啥区别
视觉上没区别，都是完全透明，但语义和兼容性不同：
立即学习 “ 前端免费学习笔记（深入）”；
-
transparent是独立关键词，IE9+ 全支持，且明确表示“无颜色”，不影响可访问性解析 -
rgba(0,0,0,0)本质是rgba()函数调用，在 IE8 及更早版本不支持（会整个声明失效） - 某些老工具或 CSS 压缩器可能把
transparent转成rgba(0,0,0,0)，但反过来一般不自动转——别依赖自动转换 - 在
background里用transparent比rgba()更轻量，少几个字符，也更直观
关键词在现代项目里还值得优先用吗
看场景。纯静态页面或快速原型，直接用 red、steelblue 没问题；但团队协作或长期维护的项目，容易出问题：
- 同一名词在不同设计稿里可能指不同色值（比如“深蓝”可能是
darkblue，也可能是#0d47a1） - 关键词无法表达细微差异，比如
lightgray和grey在部分浏览器里其实是同一个色值（#d3d3d3），但设计师要的是不同灰度 - 主题切换时，关键词没法被 CSS 变量或 JS 动态替换，而
--primary-color: #3498db可以 - 如果用了 PostCSS 或 CSS-in-JS，关键词不会被自动转成 HEX 或 RGB，但自定义变量可以参与计算
真正容易被忽略的是：颜色关键词的渲染一致性。比如 orange 在 Chrome 和 Safari 里是同一标准值（#ffa500），但某些嵌入式 WebKit 内核或旧 Android WebView 可能有轻微偏差——不致命，但做精准色彩还原时得测。
