这是为网页设计人员提供的常用网页配色表，展示常用的色彩色板和经典文本字体配色示例，可直接复制使用代码的css色号表，RGB颜色对照表。方便实用的RGB颜色表大全，适合收藏备用！
更多颜色和含义请查看“Web常用颜色表”
一、调色板 - 常用配色推荐
16种对比明显，配色和谐的颜色用法
| 序号 | 颜色卡 |
|---|---|
| 1 | 海蓝色 (navy) #001F3F |
| 2 | 蔚蓝色 (blue) #0074D9 |
| 3 | 湖绿色 (aqua) #7FDBFF |
| 4 | 蓝绿色 (teal) #39CCCC |
| 5 | 橄榄绿 (olive) #3D9970 |
| 6 | 草绿色 (green) #2ECC40 |
| 7 | 石灰绿 (lime) #01FF70 |
| 8 | 黄色 (yellow) #FFDC00 |
| 9 | 橙红色 (orange) #FF851B |
| 10 | 红色 (red) #FF4136 |
| 11 | 褐红色 (maroon) #85144B |
| 12 | 紫红色 (fuchsia) #F012BE |
| 13 | 紫色 (purple) #B10DC9 |
| 14 | 黑色 (black) #111111 |
| 15 | 灰色 (gray) #AAAAAA |
| 16 | 银色 (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 | - |