跳到取色器

CSS 颜色名称

CSS 规范中全部 148 个命名颜色,按色相分组,从浅到深排列。点击名称或 HEX 值即可复制。

红色

玫红色

粉色

洋红色

  • 等同于 magenta

  • 等同于 fuchsia

紫色

紫罗兰色

靛蓝色

蓝色

  • 等同于 lightslategrey

  • 等同于 lightslategray

  • 等同于 slategrey

  • 等同于 slategray

天蓝色

青色

  • 等同于 cyan

  • 等同于 aqua

  • 等同于 darkslategrey

  • 等同于 darkslategray

蓝绿色

翠绿色

绿色

黄绿色

黄色

琥珀色

橙色

棕色

米色

白色

灰色

  • 等同于 lightgrey

  • 等同于 lightgray

  • 等同于 darkgrey

  • 等同于 darkgray

  • 等同于 grey

  • 等同于 gray

  • 等同于 dimgrey

  • 等同于 dimgray

黑色

常见问题

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 设计令牌:更容易按色阶调整,也更容易在不同主题之间保持一致。