`Gray` 和 `Grey` 都有效吗？

是的。所有 CSS 颜色关键字都接受两种拼写 — `Gray`、`LightGray`、`DarkGray`、`DimGray`、`SlateGray` 用 `Grey` 也行。表格为简洁仅展示 `Gray` 形式。

`RebeccaPurple` 是什么？

2014 年加入 CSS Color Module Level 4，纪念 Eric Meyer 的女儿 Rebecca。是原 X11 集之后唯一新增的命名颜色。

哪些命名颜色实际相同？

`Aqua` 和 `Cyan` 都是 `#00FFFF`；`Magenta` 和 `Fuchsia` 都是 `#FF00FF`。源于 HTML 4 的 16 色与 X11 集合的合并。

设计系统适合建立在具名颜色之上吗?

在一次性页面或演示里当字面量用没问题，但这是一份从 X11 继承下来的随意调色板，名字背后没有一致的刻度——例如 DarkGray（#A9A9A9）其实比 Gray（#808080）更亮。凡是需要均匀层级、主题化或深色变体的场合，都应当定义自己的设计令牌，而不是借用这些关键字。

这些名称在 CSS 之外也能用吗?

大体可以。同一份 X11 名单也出现在 SVG、许多绘图与制图库以及部分编辑器里，但并非处处都有，取值也未必完全一致——有些环境只定义了其中一部分。当颜色需要在不同工具之间保持精确时，请把关键字转成十六进制再传递。

CSS 命名颜色

浏览每个 CSS 颜色关键字（`Tomato`、`LightSlateGray`、`RebeccaPurple` 等），带可视色块、HEX 码和等价的 `rgb()` 写法。可按色相系列筛选或按名称、HEX 搜索。点击任意颜色的复制按钮获取 HEX。

—

#CD5C5C

IndianRed

rgb(205, 92, 92)

#F08080

LightCoral

rgb(240, 128, 128)

#FA8072

Salmon

rgb(250, 128, 114)

#E9967A

DarkSalmon

rgb(233, 150, 122)

#FFA07A

LightSalmon

rgb(255, 160, 122)

#DC143C

Crimson

rgb(220, 20, 60)

#FF0000

Red

rgb(255, 0, 0)

#B22222

FireBrick

rgb(178, 34, 34)

#8B0000

DarkRed

rgb(139, 0, 0)

#FFC0CB

Pink

rgb(255, 192, 203)

#FFB6C1

LightPink

rgb(255, 182, 193)

#FF69B4

HotPink

rgb(255, 105, 180)

#FF1493

DeepPink

rgb(255, 20, 147)

#C71585

MediumVioletRed

rgb(199, 21, 133)

#DB7093

PaleVioletRed

rgb(219, 112, 147)

#FF7F50

Coral

rgb(255, 127, 80)

#FF6347

Tomato

rgb(255, 99, 71)

#FF4500

OrangeRed

rgb(255, 69, 0)

#FF8C00

DarkOrange

rgb(255, 140, 0)

#FFA500

Orange

rgb(255, 165, 0)

#FFD700

Gold

rgb(255, 215, 0)

#FFFF00

Yellow

rgb(255, 255, 0)

#FFFFE0

LightYellow

rgb(255, 255, 224)

#FFFACD

LemonChiffon

rgb(255, 250, 205)

#FAFAD2

LightGoldenrodYellow

rgb(250, 250, 210)

#FFEFD5

PapayaWhip

rgb(255, 239, 213)

#FFE4B5

Moccasin

rgb(255, 228, 181)

#FFDAB9

PeachPuff

rgb(255, 218, 185)

#EEE8AA

PaleGoldenrod

rgb(238, 232, 170)

#F0E68C

Khaki

rgb(240, 230, 140)

#BDB76B

DarkKhaki

rgb(189, 183, 107)

#ADFF2F

GreenYellow

rgb(173, 255, 47)

#7FFF00

Chartreuse

rgb(127, 255, 0)

#7CFC00

LawnGreen

rgb(124, 252, 0)

#00FF00

Lime

rgb(0, 255, 0)

#32CD32

LimeGreen

rgb(50, 205, 50)

#98FB98

PaleGreen

rgb(152, 251, 152)

#90EE90

LightGreen

rgb(144, 238, 144)

#00FA9A

MediumSpringGreen

rgb(0, 250, 154)

#00FF7F

SpringGreen

rgb(0, 255, 127)

#3CB371

MediumSeaGreen

rgb(60, 179, 113)

#2E8B57

SeaGreen

rgb(46, 139, 87)

#228B22

ForestGreen

rgb(34, 139, 34)

#008000

Green

rgb(0, 128, 0)

#006400

DarkGreen

rgb(0, 100, 0)

#9ACD32

YellowGreen

rgb(154, 205, 50)

#6B8E23

OliveDrab

rgb(107, 142, 35)

#808000

Olive

rgb(128, 128, 0)

#556B2F

DarkOliveGreen

rgb(85, 107, 47)

#66CDAA

MediumAquaMarine

rgb(102, 205, 170)

#8FBC8F

DarkSeaGreen

rgb(143, 188, 143)

#20B2AA

LightSeaGreen

rgb(32, 178, 170)

#008B8B

DarkCyan

rgb(0, 139, 139)

#008080

Teal

rgb(0, 128, 128)

#00FFFF

Aqua

rgb(0, 255, 255)

#00FFFF

Cyan

rgb(0, 255, 255)

#E0FFFF

LightCyan

rgb(224, 255, 255)

#AFEEEE

PaleTurquoise

rgb(175, 238, 238)

#7FFFD4

Aquamarine

rgb(127, 255, 212)

#40E0D0

Turquoise

rgb(64, 224, 208)

#48D1CC

MediumTurquoise

rgb(72, 209, 204)

#00CED1

DarkTurquoise

rgb(0, 206, 209)

#5F9EA0

CadetBlue

rgb(95, 158, 160)

#4682B4

SteelBlue

rgb(70, 130, 180)

#B0C4DE

LightSteelBlue

rgb(176, 196, 222)

#B0E0E6

PowderBlue

rgb(176, 224, 230)

#ADD8E6

LightBlue

rgb(173, 216, 230)

#87CEEB

SkyBlue

rgb(135, 206, 235)

#87CEFA

LightSkyBlue

rgb(135, 206, 250)

#00BFFF

DeepSkyBlue

rgb(0, 191, 255)

#1E90FF

DodgerBlue

rgb(30, 144, 255)

#6495ED

CornflowerBlue

rgb(100, 149, 237)

#7B68EE

MediumSlateBlue

rgb(123, 104, 238)

#4169E1

RoyalBlue

rgb(65, 105, 225)

#0000FF

Blue

rgb(0, 0, 255)

#0000CD

MediumBlue

rgb(0, 0, 205)

#00008B

DarkBlue

rgb(0, 0, 139)

#000080

Navy

rgb(0, 0, 128)

#191970

MidnightBlue

rgb(25, 25, 112)

#E6E6FA

Lavender

rgb(230, 230, 250)

#D8BFD8

Thistle

rgb(216, 191, 216)

#DDA0DD

Plum

rgb(221, 160, 221)

#EE82EE

Violet

rgb(238, 130, 238)

#DA70D6

Orchid

rgb(218, 112, 214)

#FF00FF

Fuchsia

rgb(255, 0, 255)

#FF00FF

Magenta

rgb(255, 0, 255)

#BA55D3

MediumOrchid

rgb(186, 85, 211)

#9370DB

MediumPurple

rgb(147, 112, 219)

#663399

RebeccaPurple

rgb(102, 51, 153)

#8A2BE2

BlueViolet

rgb(138, 43, 226)

#9400D3

DarkViolet

rgb(148, 0, 211)

#9932CC

DarkOrchid

rgb(153, 50, 204)

#8B008B

DarkMagenta

rgb(139, 0, 139)

#800080

Purple

rgb(128, 0, 128)

#4B0082

Indigo

rgb(75, 0, 130)

#6A5ACD

SlateBlue

rgb(106, 90, 205)

#483D8B

DarkSlateBlue

rgb(72, 61, 139)

#FFF8DC

Cornsilk

rgb(255, 248, 220)

#FFEBCD

BlanchedAlmond

rgb(255, 235, 205)

#FFE4C4

Bisque

rgb(255, 228, 196)

#FFDEAD

NavajoWhite

rgb(255, 222, 173)

#F5DEB3

Wheat

rgb(245, 222, 179)

#DEB887

BurlyWood

rgb(222, 184, 135)

#D2B48C

Tan

rgb(210, 180, 140)

#BC8F8F

RosyBrown

rgb(188, 143, 143)

#F4A460

SandyBrown

rgb(244, 164, 96)

#DAA520

Goldenrod

rgb(218, 165, 32)

#B8860B

DarkGoldenrod

rgb(184, 134, 11)

#CD853F

Peru

rgb(205, 133, 63)

#D2691E

Chocolate

rgb(210, 105, 30)

#8B4513

SaddleBrown

rgb(139, 69, 19)

#A0522D

Sienna

rgb(160, 82, 45)

#A52A2A

Brown

rgb(165, 42, 42)

#800000

Maroon

rgb(128, 0, 0)

#FFFFFF

White

rgb(255, 255, 255)

#FFFAFA

Snow

rgb(255, 250, 250)

#F0FFF0

HoneyDew

rgb(240, 255, 240)

#F5FFFA

MintCream

rgb(245, 255, 250)

#F0FFFF

Azure

rgb(240, 255, 255)

#F0F8FF

AliceBlue

rgb(240, 248, 255)

#F8F8FF

GhostWhite

rgb(248, 248, 255)

#F5F5F5

WhiteSmoke

rgb(245, 245, 245)

#FFF5EE

SeaShell

rgb(255, 245, 238)

#F5F5DC

Beige

rgb(245, 245, 220)

#FDF5E6

OldLace

rgb(253, 245, 230)

#FFFAF0

FloralWhite

rgb(255, 250, 240)

#FFFFF0

Ivory

rgb(255, 255, 240)

#FAEBD7

AntiqueWhite

rgb(250, 235, 215)

#FAF0E6

Linen

rgb(250, 240, 230)

#FFF0F5

LavenderBlush

rgb(255, 240, 245)

#FFE4E1

MistyRose

rgb(255, 228, 225)

#DCDCDC

Gainsboro

rgb(220, 220, 220)

#D3D3D3

LightGray

rgb(211, 211, 211)

#C0C0C0

Silver

rgb(192, 192, 192)

#A9A9A9

DarkGray

rgb(169, 169, 169)

#808080

Gray

rgb(128, 128, 128)

#696969

DimGray

rgb(105, 105, 105)

#778899

LightSlateGray

rgb(119, 136, 153)

#708090

SlateGray

rgb(112, 128, 144)

#2F4F4F

DarkSlateGray

rgb(47, 79, 79)

#000000

Black

rgb(0, 0, 0)

使用方法

在搜索框输入名称 (`tomato`) 或 HEX (`#ff6347`)。
用色相标签缩小范围 — 例如挑选强调色时只看蓝色。
点击任意颜色的复制按钮把 HEX 放进剪贴板。

常见问题

`Gray` 和 `Grey` 都有效吗？: 是的。所有 CSS 颜色关键字都接受两种拼写 — `Gray`、`LightGray`、`DarkGray`、`DimGray`、`SlateGray` 用 `Grey` 也行。表格为简洁仅展示 `Gray` 形式。
`RebeccaPurple` 是什么？: 2014 年加入 CSS Color Module Level 4，纪念 Eric Meyer 的女儿 Rebecca。是原 X11 集之后唯一新增的命名颜色。
哪些命名颜色实际相同？: `Aqua` 和 `Cyan` 都是 `#00FFFF`；`Magenta` 和 `Fuchsia` 都是 `#FF00FF`。源于 HTML 4 的 16 色与 X11 集合的合并。
设计系统适合建立在具名颜色之上吗?: 在一次性页面或演示里当字面量用没问题，但这是一份从 X11 继承下来的随意调色板，名字背后没有一致的刻度——例如 DarkGray（#A9A9A9）其实比 Gray（#808080）更亮。凡是需要均匀层级、主题化或深色变体的场合，都应当定义自己的设计令牌，而不是借用这些关键字。
这些名称在 CSS 之外也能用吗?: 大体可以。同一份 X11 名单也出现在 SVG、许多绘图与制图库以及部分编辑器里，但并非处处都有，取值也未必完全一致——有些环境只定义了其中一部分。当颜色需要在不同工具之间保持精确时，请把关键字转成十六进制再传递。

CSS 命名颜色

使用方法

常见问题

相关工具

Tailwind 调色板

颜色排序

波长转颜色（nm → sRGB）

颜色令牌导出器

颜色名称查找

颜色格式转换器