WEB标准颜色表（Web standard color）

调色板 - 常用配色推荐 （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 -