| 颜色名 | 中文名称 | Hex RGB | 十进制 Decimal | ||
| LightPink | 浅粉红 | #FFB6C1 | 255,182,193 | ||
| Pink | 粉红 | #FFC0CB | 255,192,203 | ||
| Crimson | 深红(猩红) | #DC143C | 220,20,60 | ||
| LavenderBlush | 淡紫红 | #FFF0F5 | 255,240,245 | ||
| PaleVioletRed | 弱紫罗兰红 | #DB7093 | 219,112,147 | ||
| HotPink | 热情的粉红 | #FF69B4 | 255,105,180 | ||
| DeepPink | 深粉红 | #FF1493 | 255,20,147 | ||
| MediumVioletRed | 中紫罗兰红 | #C71585 | 199,21,133 | ||
| Orchid | 暗紫色(兰花紫) | #DA70D6 | 218,112,214 | ||
| Thistle | 蓟色 | #D8BFD8 | 216,191,216 | ||
| Plum | 洋李色(李子紫) | #DDA0DD | 221,160,221 | ||
| Violet | 紫罗兰 | #EE82EE | 238,130,238 | ||
| Magenta | 洋红(玫瑰红) | #FF00FF | 255,0,255 | ||
| Fuchsia | 紫红(灯笼海棠) | #FF00FF | 255,0,255 | ||
| DarkMagenta | 深洋红 | #8B008B | 139,0,139 | ||
| Purple | 紫色 | #800080 | 128,0,128 | ||
| MediumOrchid | 中兰花紫 | #BA55D3 | 186,85,211 | ||
| DarkViolet | 暗紫罗兰 | #9400D3 | 148,0,211 | ||
| DarkOrchid | 暗兰花紫 | #9932CC | 153,50,204 | ||
| Indigo | 靛青/紫兰色 | #4B0082 | 75,0,130 | ||
| BlueViolet | 蓝紫罗兰 | #8A2BE2 | 138,43,226 | ||
| MediumPurple | 中紫色 | #9370DB | 147,112,219 | ||
| MediumSlateBlue | 中暗蓝色(中板岩蓝) | #7B68EE | 123,104,238 | ||
| SlateBlue | 石蓝色(板岩蓝) | #6A5ACD | 106,90,205 | ||
| DarkSlateBlue | 暗灰蓝色(暗板岩蓝) | #483D8B | 72,61,139 | ||
| Lavender | 淡紫色(熏衣草淡紫) | #E6E6FA | 230,230,250 | ||
| GhostWhite | 幽灵白 | #F8F8FF | 248,248,255 | ||
| Blue | 纯蓝 | #0000FF | 0,0,255 | ||
| MediumBlue | 中蓝色 | #0000CD | 0,0,205 | ||
| MidnightBlue | 午夜蓝 | #191970 | 25,25,112 | ||
| DarkBlue | 暗蓝色 | #00008B | 0,0,139 | ||
| Navy | 海军蓝 | #000080 | 0,0,128 | ||
| RoyalBlue | 皇家蓝/宝蓝 | #4169E1 | 65,105,225 | ||
| CornflowerBlue | 矢车菊蓝 | #6495ED | 100,149,237 | ||
| LightSteelBlue | 亮钢蓝 | #B0C4DE | 176,196,222 | ||
| LightSlateGray | 亮蓝灰(亮石板灰) | #778899 | 119,136,153 | ||
| SlateGray | 灰石色(石板灰) | #708090 | 112,128,144 | ||
| DodgerBlue | 闪兰色(道奇蓝) | #1E90FF | 30,144,255 | ||
| AliceBlue | 爱丽丝蓝 | #F0F8FF | 240,248,255 | ||
| SteelBlue | 钢蓝/铁青 | #4682B4 | 70,130,180 | ||
| LightSkyBlue | 亮天蓝色 | #87CEFA | 135,206,250 | ||
| SkyBlue | 天蓝色 | #87CEEB | 135,206,235 | ||
| DeepSkyBlue | 深天蓝 | #00BFFF | 0,191,255 | ||
| LightBlue | 亮蓝 | #ADD8E6 | 173,216,230 | ||
| PowderBlue | 粉蓝色(火药青) | #B0E0E6 | 176,224,230 | ||
| CadetBlue | 军兰色(军服蓝) | #5F9EA0 | 95,158,160 | ||
| Azure | 蔚蓝色 | #F0FFFF | 240,255,255 | ||
| LightCyan | 淡青色 | #E0FFFF | 224,255,255 | ||
| PaleTurquoise | 弱绿宝石 | #AFEEEE | 175,238,238 | ||
| Cyan | 青色 | #00FFFF | 0,255,255 | ||
| Aqua | 浅绿色(水色) | #00FFFF | 0,255,255 | ||
| DarkTurquoise | 暗绿宝石 | #00CED1 | 0,206,209 | ||
| DarkSlateGray | 暗瓦灰色(暗石板灰) | #2F4F4F | 47,79,79 | ||
| DarkCyan | 暗青色 | #008B8B | 0,139,139 | ||
| Teal | 水鸭色 | #008080 | 0,128,128 | ||
| MediumTurquoise | 中绿宝石 | #48D1CC | 72,209,204 | ||
| LightSeaGreen | 浅海洋绿 | #20B2AA | 32,178,170 | ||
| Turquoise | 绿宝石 | #40E0D0 | 64,224,208 | ||
| Aquamarine | 宝石碧绿 | #7FFFD4 | 127,255,212 | ||
| MediumAquamarine | 中宝石碧绿 | #66CDAA | 102,205,170 | ||
| MediumSpringGreen | 中春绿色 | #00FA9A | 0,250,154 | ||
| MintCream | 薄荷奶油 | #F5FFFA | 245,255,250 | ||
| SpringGreen | 春绿色 | #00FF7F | 0,255,127 | ||
| MediumSeaGreen | 中海洋绿 | #3CB371 | 60,179,113 | ||
| SeaGreen | 海洋绿 | #2E8B57 | 46,139,87 | ||
| Honeydew | 蜜色(蜜瓜色) | #F0FFF0 | 240,255,240 | ||
| LightGreen | 淡绿色 | #90EE90 | 144,238,144 | ||
| PaleGreen | 弱绿色 | #98FB98 | 152,251,152 | ||
| DarkSeaGreen | 暗海洋绿 | #8FBC8F | 143,188,143 | ||
| LimeGreen | 闪光深绿 | #32CD32 | 50,205,50 | ||
| Lime | 闪光绿 | #00FF00 | 0,255,0 | ||
| ForestGreen | 森林绿 | #228B22 | 34,139,34 | ||
| Green | 纯绿 | #008000 | 0,128,0 | ||
| DarkGreen | 暗绿色 | #006400 | 0,100,0 | ||
| Chartreuse | 黄绿色(查特酒绿) | #7FFF00 | 127,255,0 | ||
| LawnGreen | 草绿色(草坪绿_ | #7CFC00 | 124,252,0 | ||
| GreenYellow | 绿黄色 | #ADFF2F | 173,255,47 | ||
| DarkOliveGreen | 暗橄榄绿 | #556B2F | 85,107,47 | ||
| YellowGreen | 黄绿色 | #9ACD32 | 154,205,50 | ||
| OliveDrab | 橄榄褐色 | #6B8E23 | 107,142,35 | ||
| Beige | 米色/灰棕色 | #F5F5DC | 245,245,220 | ||
| LightGoldenrodYellow | 亮菊黄 | #FAFAD2 | 250,250,210 | ||
| Ivory | 象牙色 | #FFFFF0 | 255,255,240 | ||
| LightYellow | 浅黄色 | #FFFFE0 | 255,255,224 | ||
| Yellow | 纯黄 | #FFFF00 | 255,255,0 | ||
| Olive | 橄榄 | #808000 | 128,128,0 | ||
| DarkKhaki | 暗黄褐色(深卡叽布) | #BDB76B | 189,183,107 | ||
| LemonChiffon | 柠檬绸 | #FFFACD | 255,250,205 | ||
| PaleGoldenrod | 灰菊黄(苍麒麟色) | #EEE8AA | 238,232,170 | ||
| Khaki | 黄褐色(卡叽布) | #F0E68C | 240,230,140 | ||
| Gold | 金色 | #FFD700 | 255,215,0 | ||
| Cornsilk | 玉米丝色 | #FFF8DC | 255,248,220 | ||
| Goldenrod | 金菊黄 | #DAA520 | 218,165,32 | ||
| DarkGoldenrod | 暗金菊黄 | #B8860B | 184,134,11 | ||
| FloralWhite | 花的白色 | #FFFAF0 | 255,250,240 | ||
| OldLace | 老花色(旧蕾丝) | #FDF5E6 | 253,245,230 | ||
| Wheat | 浅黄色(小麦色) | #F5DEB3 | 245,222,179 | ||
| Moccasin | 鹿皮色(鹿皮靴) | #FFE4B5 | 255,228,181 | ||
| Orange | 橙色 | #FFA500 | 255,165,0 | ||
| PapayaWhip | 番木色(番木瓜) | #FFEFD5 | 255,239,213 | ||
| BlanchedAlmond | 白杏色 | #FFEBCD | 255,235,205 | ||
| NavajoWhite | 纳瓦白(土著白) | #FFDEAD | 255,222,173 | ||
| AntiqueWhite | 古董白 | #FAEBD7 | 250,235,215 | ||
| Tan | 茶色 | #D2B48C | 210,180,140 | ||
| BurlyWood | 硬木色 | #DEB887 | 222,184,135 | ||
| Bisque | 陶坯黄 | #FFE4C4 | 255,228,196 | ||
| DarkOrange | 深橙色 | #FF8C00 | 255,140,0 | ||
| Linen | 亚麻布 | #FAF0E6 | 250,240,230 | ||
| Peru | 秘鲁色 | #CD853F | 205,133,63 | ||
| PeachPuff | 桃肉色 | #FFDAB9 | 255,218,185 | ||
| SandyBrown | 沙棕色 | #F4A460 | 244,164,96 | ||
| Chocolate | 巧克力色 | #D2691E | 210,105,30 | ||
| SaddleBrown | 重褐色(马鞍棕色) | #8B4513 | 139,69,19 | ||
| Seashell | 海贝壳 | #FFF5EE | 255,245,238 | ||
| Sienna | 黄土赭色 | #A0522D | 160,82,45 | ||
| LightSalmon | 浅鲑鱼肉色 | #FFA07A | 255,160,122 | ||
| Coral | 珊瑚 | #FF7F50 | 255,127,80 | ||
| OrangeRed | 橙红色 | #FF4500 | 255,69,0 | ||
| DarkSalmon | 深鲜肉/鲑鱼色 | #E9967A | 233,150,122 | ||
| Tomato | 番茄红 | #FF6347 | 255,99,71 | ||
| MistyRose | 浅玫瑰色(薄雾玫瑰) | #FFE4E1 | 255,228,225 | ||
| Salmon | 鲜肉/鲑鱼色 | #FA8072 | 250,128,114 | ||
| Snow | 雪白色 | #FFFAFA | 255,250,250 | ||
| LightCoral | 淡珊瑚色 | #F08080 | 240,128,128 | ||
| RosyBrown | 玫瑰棕色 | #BC8F8F | 188,143,143 | ||
| IndianRed | 印度红 | #CD5C5C | 205,92,92 | ||
| Red | 纯红 | #FF0000 | 255,0,0 | ||
| Brown | 棕色 | #A52A2A | 165,42,42 | ||
| FireBrick | 火砖色(耐火砖) | #B22222 | 178,34,34 | ||
| DarkRed | 深红色 | #8B0000 | 139,0,0 | ||
| Maroon | 栗色 | #800000 | 128,0,0 | ||
| White | 纯白 | #FFFFFF | 255,255,255 | ||
| WhiteSmoke | 白烟 | #F5F5F5 | 245,245,245 | ||
| Gainsboro | 淡灰色(庚斯博罗灰) | #DCDCDC | 220,220,220 | ||
| LightGrey | 浅灰色 | #D3D3D3 | 211,211,211 | ||
| Silver | 银灰色 | #C0C0C0 | 192,192,192 | ||
| DarkGray | 深灰色 | #A9A9A9 | 169,169,169 | ||
| Gray | 灰色 | #808080 | 128,128,128 | ||
| DimGray | 暗淡的灰色 | #696969 | 105,105,105 | ||
| Black | 纯黑 | #000000 | 0,0,0 |
|
前端颜色搭配表
按色相的搭配分类
本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主，配以其他色相或者同色相的，应用对比和调和的方法，并按照从轻快到浓烈的顺序排序。
红色
橙色
黄色
黄绿色
绿色
青绿色
蓝色
蓝紫色
紫色
紫红色
按印象的搭配分类
色彩搭配看似复杂，但并不神秘。既然每种色彩在印象空间中都有自己的位置，那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的，那么它们的叠加，自然会是柔和、明亮的；如果每种色彩都是浓烈的，那么它们叠加，就会是浓烈的。当然在实际设计过程中，设计师还要考虑到乘除法，比如同样亮度和对比度的色彩，在色环上的角度不同，搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配，也要将印象作为重点的搭配分类列举出来，以供读者参考。
柔和、明亮、温柔
亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼，设计师一般会用低亮度的前景色调和，同时色彩在色环之间的距离也有助于避免沉闷。
柔和、洁净、爽朗
对于柔和、清洁、爽朗的印象，色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到，几乎每个组合都有白色参与。当然在实际设计时，可以用蓝绿相反色相的高亮度有彩色代替白色。
可爱、快乐、有趣
可爱、快乐、有趣印象中的色彩搭配特点是，色相分布均匀，冷暖搭配，饱和度高，色彩分辨度高。
活泼、快乐、有趣
活泼、快乐、有趣相对前一种印象，色彩选择更加广泛，?最重要的变化是将纯白色用低饱和有彩色或者灰色取代。
运动型、轻快
运动的色彩要强化激烈、刺激的感受，同时还要体现健康、快乐、阳光。因此饱和度较高、亮度偏低的色彩在这类印象中经常登场。
轻快、华丽、动感
华丽的印象要求页面充斥有彩色，并且饱和度偏高，而亮度适当减弱则能强化这种印象。
狂野、充沛、动感
狂野的印象空间中少不了低亮度的色彩，甚至可以用适当的黑色搭配。其他有彩色的饱和度高，对比强烈。
华丽、花哨、女性化
女性化的页面中紫色和品红是主角、粉红、绿色也是常用色相。一般它们之间要进行高饱和的搭配。
回味、女性化、优雅
优雅的感觉很奇特，色彩的饱和度一般要降下来。一般以蓝、红之间的相邻，调节亮度和饱和度进行搭配。
高尚、自然、安稳
高尚一般要用低亮度的黄绿色，色彩亮度降下去，注意色彩的平衡，页面就会显得安稳。
冷静、自然
绿色是冷静、自然印象的主角，但是绿色作为页面的主要色彩，容易陷入过于消极的感觉传达，因此应该特别重视图案的设计。
传统、高雅、优雅
传统的内容一般要降低色彩的饱和度，特别是棕色很适合。前面介绍紫色也是高雅和优雅印象的常用色相。
传统、稳重、古典
传统、稳重、古典都是保守的印象，色彩的选择上应该尽量用低亮度的暖色，这种搭配符合成熟的审美。
忠厚、稳重、有品位
亮度、饱和度偏低的色彩会给人忠厚、稳重的感觉。这样的搭配为了避免色彩过于保守，使页面僵化、消极，应当注重冷暖结合和明暗对比。
简单、洁净、进步
简单、洁净的色彩在色相上可以用蓝、绿表现，并大面积留白。而进步的印象可以多用蓝色，搭配低饱和甚至灰色。
简单、时尚、高雅
灰色是最为平衡的色彩，并且是塑料金属质感的主要色彩之一，因而要表达高雅、时尚，可以适当使用，甚至大面积使用。但是要注重图案和质感的构造。
简单、进步、时尚
表现进步的色彩主要以蓝色为主，搭配灰色。而色彩的明度统一、色相相邻，在色彩上会显得简洁。