颜色代码对照表

颜色代码(Color Codes)对照表:常用 CSS 命名颜色与其 HEX 十六进制、RGB 十进制一一对应,并附色块预览,方便在前端样式中快速选用。

色块名称HEXRGB
Black#000000rgb(0, 0, 0)
White#FFFFFFrgb(255, 255, 255)
Red#FF0000rgb(255, 0, 0)
Green#008000rgb(0, 128, 0)
Lime#00FF00rgb(0, 255, 0)
Blue#0000FFrgb(0, 0, 255)
Yellow#FFFF00rgb(255, 255, 0)
Cyan#00FFFFrgb(0, 255, 255)
Magenta#FF00FFrgb(255, 0, 255)
Gray#808080rgb(128, 128, 128)
Silver#C0C0C0rgb(192, 192, 192)
Maroon#800000rgb(128, 0, 0)
Olive#808000rgb(128, 128, 0)
Navy#000080rgb(0, 0, 128)
Teal#008080rgb(0, 128, 128)
Purple#800080rgb(128, 0, 128)
Orange#FFA500rgb(255, 165, 0)
Pink#FFC0CBrgb(255, 192, 203)
Brown#A52A2Argb(165, 42, 42)
Gold#FFD700rgb(255, 215, 0)
Tomato#FF6347rgb(255, 99, 71)
Crimson#DC143Crgb(220, 20, 60)
SteelBlue#4682B4rgb(70, 130, 180)
DodgerBlue#1E90FFrgb(30, 144, 255)
ForestGreen#228B22rgb(34, 139, 34)
HotPink#FF69B4rgb(255, 105, 180)
Indigo#4B0082rgb(75, 0, 130)
Violet#EE82EErgb(238, 130, 238)
Chocolate#D2691Ergb(210, 105, 30)
Salmon#FA8072rgb(250, 128, 114)
SkyBlue#87CEEBrgb(135, 206, 235)
SlateGray#708090rgb(112, 128, 144)
LightGray#D3D3D3rgb(211, 211, 211)
DarkSlateGray#2F4F4Frgb(47, 79, 79)
Coral#FF7F50rgb(255, 127, 80)
Turquoise#40E0D0rgb(64, 224, 208)
Khaki#F0E68Crgb(240, 230, 140)
Plum#DDA0DDrgb(221, 160, 221)

常见问题

HEX 和 RGB 有什么区别?

两者表示同一种颜色。HEX 是十六进制(如 #FF0000),RGB 是十进制函数(rgb(255,0,0))。现代 CSS 还支持 rgb(255 0 0 / 0.5) 的透明写法与 #RRGGBBAA。

什么是网页安全色(web-safe colors)?

早期显示器仅能可靠显示 216 种颜色的调色板。如今已无必要,但 red/blue/green 等经典命名色仍最常用。

如何保证颜色无障碍对比?

文本与背景对比度建议 ≥ 4.5:1(WCAG AA)。不要仅凭命名色判断,应使用对比度检查工具。

CSS 有多少种命名颜色?

CSS 规范定义了 148 个命名颜色(含 transparent 与 currentColor)。本表收录最常用的数十种基础与扩展色。