CSS 颜色名称
CSS 规范中全部 148 个命名颜色,按色相分组,从浅到深排列。点击名称或 HEX 值即可复制。
红色
玫红色
粉色
洋红色
紫色
紫罗兰色
靛蓝色
蓝色
天蓝色
青色
蓝绿色
翠绿色
绿色
黄绿色
黄色
琥珀色
橙色
棕色
米色
白色
灰色
黑色
常见问题
CSS 有多少个命名颜色?
CSS Color 4 定义了 148 个命名颜色,从 aliceblue 到 yellowgreen。其中有几个是取值相同的同义名称,例如 gray 和 grey、aqua 和 cyan。此外还有 transparent 和 currentcolor 两个关键字,它们不是固定的颜色。
CSS 中的 gray 和 grey 一样吗?
一样。每个 gray 名称都有对应的 grey 拼写,取值完全相同,例如 darkgray 和 darkgrey 都是 #a9a9a9。注意 darkgray 比 gray 更浅,这是从 X11 颜色表继承下来的怪异之处。
生产环境的 CSS 里应该用颜色名称吗?
命名颜色在所有浏览器中都能用,因此适合原型、演示和一次性样式。正式产品更建议使用自己的 OKLCH 或 HEX 设计令牌:更容易按色阶调整,也更容易在不同主题之间保持一致。