WEB标准颜色表
(Web standard color)
这是为网页设计人员提供的常用网页配色表,展示常用的色彩色板和经典文本字体配色示例,可直接复制使用代码的css色号表,RGB颜色对照表。方便实用的RGB颜色表大全,适合收藏备用!
调色板 - 常用配色推荐 (16种对比明显,配色和谐的颜色用法)更多颜色名称及含义>>
海蓝色 (navy)
#001F3F
蔚蓝色 (blue)
#0074D9
湖绿色 (aqua)
#7FDBFF
蓝绿色 (teal)
#39CCCC
橄榄绿 (olive)
#3D9970
草绿色 (green)
#2ECC40
石灰绿 (lime)
#01FF70
黄色 (yellow)
#FFDC00
橙红色 (orange)
#FF851B
红色 (red)
#FF4136
褐红色 (maroon)
#85144B
紫红色 (fuchsia)
#F012BE
紫色 (purple)
#B10DC9
黑色 (black)
#111111
灰色 (gray)
#AAAAAA
银色 (silver)
#DDDDDD
网页常用颜色大全表 - 配色工具表序号英文色彩名称颜色卡白底文本黑底文本按钮配色中文颜色名CSS色号(RGB16进制)RGB 10进制词源/备注
1
Black
白底文本
黑底文本
按钮配色
黑色
#000000
0,0,0
-
2
Navy
白底文本
黑底文本
按钮配色
藏青
#000080
0,0,128
美国海军军服的颜色,Navy意为海军
3
DarkBlue
白底文本
黑底文本
按钮配色
深蓝
#00008B
0,0,139
-
4
MediumBlue
白底文本
黑底文本
按钮配色
中蓝
#0000CD
0,0,205
-
5
Blue
白底文本
黑底文本
按钮配色
蓝色
#0000FF
0,0,255
-
6
DarkGreen
白底文本
黑底文本
按钮配色
深绿
#006400
0,100,0
-
7
Green
白底文本
黑底文本
按钮配色
调和绿
#008000
0,128,0
视觉上的正绿色
8
Teal
白底文本
黑底文本
按钮配色
鸭翅绿
#008080
0,128,128
Teal意为绿翅鸭,一种水鸭
9
DarkCyan
白底文本
黑底文本
按钮配色
深青
#008B8B
0,139,139
-
10
DeepSkyBlue
白底文本
黑底文本
按钮配色
深天蓝
#00BFFF
0,191,255
-
11
DarkTurquoise
白底文本
黑底文本
按钮配色
深松石绿
#00CED1
0,206,209
见“Turquoise”
12
MediumSpringGreen
白底文本
黑底文本
按钮配色
中嫩绿
#00FA9A
0,250,154
-
13
Lime
白底文本
黑底文本
按钮配色
绿色
#00FF00
0,255,0
RGB颜色空间的正绿色
14
SpringGreen
白底文本
黑底文本
按钮配色
春绿
#00FF7F
0,255,127
-
15
Cyan/Aqua
白底文本
黑底文本
按钮配色
青色
#00FFFF
0,255,255
-
16
MidNightBlue
白底文本
黑底文本
按钮配色
午夜蓝
#191970
25,25,112
-
17
DodgerBlue
白底文本
黑底文本
按钮配色
湖蓝
#1E90FF
30,144,255
洛杉矶道奇棒球队队标的颜色
18
LightSeaGreen
白底文本
黑底文本
按钮配色
浅海藻绿
#20B2AA
32,178,170
-
19
ForestGreen
白底文本
黑底文本
按钮配色
森林绿
#228B22
34,139,34
-
20
SeaGreen
白底文本
黑底文本
按钮配色
海藻绿
#2E8B57
46,139,87
-
21
DarkSlateGray
白底文本
黑底文本
按钮配色
深岩灰
#2F4F4F
47,79,79
-
22
LimeGreen
白底文本
黑底文本
按钮配色
青柠绿
#32CD32
50,205,50
Lime是青柠,Lemon才是柠檬
23
MediumSeaGreen
白底文本
黑底文本
按钮配色
中海藻绿
#3CB371
60,179,113
-
24
Turquoise
白底文本
黑底文本
按钮配色
松石绿
#40E0D0
64,224,208
本意为土耳其石即绿松石,一种宝石
25
RoyalBlue
白底文本
黑底文本
按钮配色
品蓝
#4169E1
65,105,225
直译为“皇家蓝”
26
SteelBlue
白底文本
黑底文本
按钮配色
钢青
#4682B4
70,130,180
-
27
DarkSlateBlue
白底文本
黑底文本
按钮配色
深岩蓝
#483D8B
72,61,139
-
28
MediumTurquoise
白底文本
黑底文本
按钮配色
中松石绿
#48D1CC
72,209,204
见“Turquoise”
29
Indigo
白底文本
黑底文本
按钮配色
靛蓝
#4B0082
75,0,130
-
30
DarkOliveGreen
白底文本
黑底文本
按钮配色
深橄榄绿
#556B2F
85,107,47
-
31
CadetBlue
白底文本
黑底文本
按钮配色
军服蓝
#5F9EA0
95,158,160
-
32
CornFlowerBlue
白底文本
黑底文本
按钮配色
矢车菊蓝
#6495ED
100,149,237
矢车菊是德国和马其顿的国花
33
MediumAquaMarine
白底文本
黑底文本
按钮配色
中碧绿
#66CDAA
102,205,170
-
34
DimGray
白底文本
黑底文本
按钮配色
昏灰
#696969
105,105,105
是命名颜色中最深的一种灰色
35
SlateBlue
白底文本
黑底文本
按钮配色
岩蓝
#6A5ACD
106,90,205
Slate本意为“板岩”
36
OliveDrab
白底文本
黑底文本
按钮配色
橄榄绿
#6B8E23
107,142,35
-
37
SlateGray
白底文本
黑底文本
按钮配色
岩灰
#708090
112,128,144
-
38
LightSlateGray
白底文本
黑底文本
按钮配色
浅岩灰
#778899
119,136,153
-
39
MediumSlateBlue
白底文本
黑底文本
按钮配色
中岩蓝
#7B68EE
123,104,238
-
40
LawnGreen
白底文本
黑底文本
按钮配色
草坪绿
#7CFC00
124,252,0
-
41
ChartReuse
白底文本
黑底文本
按钮配色
查特酒绿
#7FFF00
127,255,0
一种药酒,诞生于17世纪的法国
42
AquaMarine
白底文本
黑底文本
按钮配色
碧绿
#7FFFD4
127,255,212
亦作“碧蓝”,但其主色调为绿色
43
Maroon
白底文本
黑底文本
按钮配色
栗色
#800000
128,0,0
-
44
Purple
白底文本
黑底文本
按钮配色
紫色
#800080
128,0,128
-
45
Olive
白底文本
黑底文本
按钮配色
橄榄色
#808000
128,128,0
-
46
Gray
白底文本
黑底文本
按钮配色
灰色
#808080
128,128,128
-
47
SkyBlue
白底文本
黑底文本
按钮配色
天蓝
#87CEEB
135,206,235
-
48
LightSkyBlue
白底文本
黑底文本
按钮配色
浅天蓝
#87CEFA
135,206,250
-
49
BlueViolet
白底文本
黑底文本
按钮配色
蓝紫色
#8A2BE2
138,43,226
即“蓝紫罗兰色”,直译名称过长
50
DarkRed
白底文本
黑底文本
按钮配色
深红
#8B0000
139,0,0
-
51
DarkMagenta
白底文本
黑底文本
按钮配色
深品红
#8B008B
139,0,139
-
52
SaddleBrown
白底文本
黑底文本
按钮配色
鞍褐
#8B4513
139,69,19
亦作“马鞍棕”,马鞍常见的颜色
53
DarkSeaGreen
白底文本
黑底文本
按钮配色
深海藻绿
#8FBC8F
143,188,143
-
54
LightGreen
白底文本
黑底文本
按钮配色
浅绿
#90EE90
144,238,144
-
55
MediumPurple
白底文本
黑底文本
按钮配色
中紫
#9370D8
147,112,219
-
56
DarkViolet
白底文本
黑底文本
按钮配色
深紫
#9400d3
148,0,211
即“深紫罗兰色”,直译名称过长
57
PaleGreen
白底文本
黑底文本
按钮配色
白绿色
#98FB98
152,251,152
-
58
DarkOrchid
白底文本
黑底文本
按钮配色
深洋兰紫
#9932CC
153,50,204
见“Orchid”
59
YellowGreen
白底文本
黑底文本
按钮配色
暗黄绿色
#9ACD32
154,205,50
注意与GreenYellow区分
60
Sienna
白底文本
黑底文本
按钮配色
土黄赭
#A0522D
160,82,45
-
61
Brown
白底文本
黑底文本
按钮配色
褐色
#A52A2A
165,42,42
亦作“棕色”
62
DarkGray
白底文本
黑底文本
按钮配色
暗灰
#A9A9A9
169,169,169
-
63
LightBlue
白底文本
黑底文本
按钮配色
浅蓝
#ADD8E6
173,216,230
-
64
GreenYellow
白底文本
黑底文本
按钮配色
黄绿色
#ADFF2F
173,255,47
请注意与YellowGreen区分
65
PaleTurquoise
白底文本
黑底文本
按钮配色
白松石绿
#AFEEEE
175,238,238
见“Turquoise”
66
LightSteelBlue
白底文本
黑底文本
按钮配色
浅钢青
#B0C4DE
176,196,222
-
67
PowderBlue
白底文本
黑底文本
按钮配色
粉末蓝
#B0E0E6
176,224,230
得名自洗衣店用来漂染衣物的物质大青
68
FireBrick
白底文本
黑底文本
按钮配色
火砖红
#B22222
178,34,34
耐火砖的颜色比普通红砖要深
69
DarkGoldenRod
白底文本
黑底文本
按钮配色
深金菊黄
#B8860B
184,134,11
见“GoldenRod”
70
MediumOrchid
白底文本
黑底文本
按钮配色
中洋兰紫
#BA55D3
186,85,211
见“Orchid”
71
RosyBrown
白底文本
黑底文本
按钮配色
玫瑰褐
#BC8F8F
188,143,143
-
72
DarkKhaki
白底文本
黑底文本
按钮配色
深卡其色
#BDB76B
189,183,107
见“Khaki”
73
Silver
白底文本
黑底文本
按钮配色
银色
#C0C0C0
192,192,192
-
74
MediumVioletRed
白底文本
黑底文本
按钮配色
中紫红
#C71585
199,21,133
“中紫罗兰红”,直译名称过长
75
IndianRed
白底文本
黑底文本
按钮配色
印度红
#CD5C5C
205,92,92
-
76
Peru
白底文本
黑底文本
按钮配色
秘鲁红
#CD853F
205,133,63
从秘鲁国树金鸡纳树中提炼的一种颜料
77
Chocolate
白底文本
黑底文本
按钮配色
巧克力色
#D2691E
210,105,30
-
78
Tan
白底文本
黑底文本
按钮配色
日晒褐
#D2B48C
210,180,140
-
79
LightGray
白底文本
黑底文本
按钮配色
亮灰
#D3D3D3
211,211,211
-
80
PaleVioletRed
白底文本
黑底文本
按钮配色
白紫红
#D87093
219,112,147
“白紫罗兰红色”的简略
81
Thistle
白底文本
黑底文本
按钮配色
蓟紫
#D8BFD8
216,191,216
菊科蓟属,多刺花卉,旧时苏格兰国花
82
Orchid
白底文本
黑底文本
按钮配色
洋兰紫
#DA70D6
218,112,214
西洋兰花某品种的颜色
83
GoldenRod
白底文本
黑底文本
按钮配色
金菊黄
#DAA520
218,165,32
一枝黄花,一种菊科花卉
84
Crimson
白底文本
黑底文本
按钮配色
绯红
#DC143C
220,20,60
较之猩红(Scarlet)蓝色分量要多些
85
GainsBoro
白底文本
黑底文本
按钮配色
庚氏灰
#DCDCDC
220,220,220
托马斯·庚斯博罗,18世纪英国画家
86
Plum
白底文本
黑底文本
按钮配色
李紫
#DDA0DD
221,160,221
Plum意为李子、梅子
87
BurlyWood
白底文本
黑底文本
按钮配色
硬木褐
#DEB887
222,184,135
-
88
LightCyan
白底文本
黑底文本
按钮配色
浅青
#E0FFFF
224,255,255
-
89
Lavender
白底文本
黑底文本
按钮配色
薰衣草紫
#E6E6FA
230,230,250
-
90
DarkSalmon
白底文本
黑底文本
按钮配色
深鲑红
#E9967A
233,150,122
见“Salmon”
91
Violet
白底文本
黑底文本
按钮配色
紫罗兰色
#EE82EE
238,130,238
-
92
PaleGoldenRod
白底文本
黑底文本
按钮配色
白金菊黄
#EEE8AA
238,232,170
见“GoldenRod”
93
LightCoral
白底文本
黑底文本
按钮配色
浅珊瑚红
#F08080
240,128,128
-
94
Khaki
白底文本
黑底文本
按钮配色
卡其色
#F0E68C
240,230,140
Khaki是一种布料的名称
95
AliceBlue
白底文本
黑底文本
按钮配色
爱丽丝蓝
#F0F8FF
240,248,255
西奥多·罗斯福长女爱丽丝·罗斯福·朗沃斯创造的时尚色
96
HoneyDew
白底文本
黑底文本
按钮配色
蜜瓜绿
#F0FFF0
240,255,240
Honeydew即白兰瓜、蜜瓜
97
Azure
白底文本
黑底文本
按钮配色
青白色
#F0FFFF
240,255,255
本为湛蓝,但在Web色中是一种浅色
98
SandyBrown
白底文本
黑底文本
按钮配色
沙褐
#F4A460
244,164,96
-
99
Wheat
白底文本
黑底文本
按钮配色
麦色
#F5DEB3
245,222,179
-
100
Beige
白底文本
黑底文本
按钮配色
米色
#F5F5DC
245,245,220
-
101
WhiteSmoke
白底文本
黑底文本
按钮配色
烟雾白
#F5F5F5
245,245,245
-
102
MintCream
白底文本
黑底文本
按钮配色
薄荷乳白
#F5FFFA
245,255,250
-
103
GhostWhite
白底文本
黑底文本
按钮配色
幽灵白
#F8F8FF
248,248,255
-
104
Salmon
白底文本
黑底文本
按钮配色
鲑红
#FA8072
250,128,114
本意为三文鱼,一种鲑科冷水鱼类
105
AntiqueWhite
白底文本
黑底文本
按钮配色
古董白
#FAEBD7
250,235,215
-
106
Linen
白底文本
黑底文本
按钮配色
亚麻色
#FAF0E6
250,240,230
-
107
LightGoldenRodYellow
白底文本
黑底文本
按钮配色
浅金菊黄
#FAFAD2
250,250,210
见“GoldenRod”
108
OldLace
白底文本
黑底文本
按钮配色
旧蕾丝白
#FDF5E6
253,245,230
-
109
Red
白底文本
黑底文本
按钮配色
红色
#FF0000
255,0,0
-
110
Magenta/Fuchsia
白底文本
黑底文本
按钮配色
洋红
#FF00FF
255,0,255
-
111
DeepPink
白底文本
黑底文本
按钮配色
深粉
#FF1493
255,20,147
-
112
OrangeRed
白底文本
黑底文本
按钮配色
橘红
#FF4500
255,69,0
-
113
Tomato
白底文本
黑底文本
按钮配色
番茄红
#FF6347
255,99,71
-
114
HotPink
白底文本
黑底文本
按钮配色
艳粉
#FF69B4
255,105,180
不是暖粉,后者应是偏黄的粉色
115
Coral
白底文本
黑底文本
按钮配色
珊瑚红
#FF7F50
255,127,80
-
116
DarkOrange
白底文本
黑底文本
按钮配色
深橙
#FF8C00
255,140,0
-
117
LightSalmon
白底文本
黑底文本
按钮配色
浅鲑红
#FFA07A
255,160,122
见“Salmon”
118
Orange
白底文本
黑底文本
按钮配色
橙色
#FFA500
255,165,0
-
119
LightPink
白底文本
黑底文本
按钮配色
浅粉
#FFB6C1
255,182,193
-
120
Pink
白底文本
黑底文本
按钮配色
粉色
#FFC0CB
255,192,203
-
121
Gold
白底文本
黑底文本
按钮配色
金色
#FFD700
255,215,0
-
122
PeachPuff
白底文本
黑底文本
按钮配色
粉扑桃色
#FFDAB9
255,218,185
Peach是桃,Puff是化妆用的粉扑
123
NavajoWhite
白底文本
黑底文本
按钮配色
土著白
#FFDEAD
255,222,173
纳瓦霍(Navajo)是北美印第安人的一支
124
Moccasin
白底文本
黑底文本
按钮配色
鹿皮色
#FFE4B5
255,228,181
Moccasin本意为鹿皮鞋
125
Bisque
白底文本
黑底文本
按钮配色
陶坯黄
#FFE4C4
255,228,196
-
126
MistyRose
白底文本
黑底文本
按钮配色
雾玫瑰红
#FFE4E1
255,228,225
薄雾玫瑰,玫瑰品种之一
127
BlanchedAlmond
白底文本
黑底文本
按钮配色
杏仁白
#FFEBCD
255,235,205
-
128
PapayaWhip
白底文本
黑底文本
按钮配色
番木瓜橙
#FFEFD5
255,239,213
本意为番木瓜(一种热带水果)汁
129
LavenderBlush
白底文本
黑底文本
按钮配色
薰衣草红
#FFF0F5
255,240,245
“薰衣草紫红色”的简略
130
SeaShell
白底文本
黑底文本
按钮配色
贝壳白
#FFF5EE
255,245,238
-
131
CornSilk
白底文本
黑底文本
按钮配色
玉米穗黄
#FFF8DC
255,248,220
-
132
LemonChiffon
白底文本
黑底文本
按钮配色
柠檬绸黄
#FFFACD
255,250,205
-
133
FloralWhite
白底文本
黑底文本
按钮配色
花卉白
#FFFAF0
255,250,240
不可简称“花白”(后者与斑白同义)
134
Snow
白底文本
黑底文本
按钮配色
雪白
#FFFAFA
255,250,250
-
135
Yellow
白底文本
黑底文本
按钮配色
黄色
#FFFF00
255,255,0
-
136
LightYellow
白底文本
黑底文本
按钮配色
浅黄
#FFFFE0
255,255,224
-
137
Ivory
白底文本
黑底文本
按钮配色
象牙白
#FFFFF0
255,255,240
-
138
White
白底文本
黑底文本
按钮配色
白色
#FFFFFF
255,255,255
1