这是为网页设计人员提供的常用网页配色表,展示常用的色彩色板和经典文本字体配色示例,可直接复制使用代码的css色号表,RGB颜色对照表。方便实用的RGB颜色表大全,适合收藏备用!
序号 | 英文色彩名称 | 颜色卡 | 白底文本 | 黑底文本 | 按钮配色 | 中文颜色名 | 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 | - |