常用网页颜色代码表 网页颜色选择器工具 颜色代码表
在HTML里，颜色有两种表示方式。一种是用颜色名称表示，比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red，Green，Blue意思，RGB每个原色的最小值是0，最大值是255，如果换算成16进制表示，就是(#00)，(#FF)。比如白色的RGB(255,255,255)，就用#FFFFFF表示；还有黑色的RGB(0,0,0)，就用#000000表示。
注：在W3C制定的HTML 4.0标准中，只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow)，其它的颜色都要用16进制RGB颜色值表示。
当然，现在的浏览器支持更多的颜色名称。不过为保险起见，建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。
为了方便大家找到合适的颜色，我们在这里列了一些颜色说明，以供大家参考，不妨作为一种速查工具。
WEB216安全色表
| #ffffff | #ffccff | #ff99ff | #ff66ff | #ff33ff | #ff00ff |
| #ffffcc | #ffcccc | #ff99cc | #ff66cc | #ff33cc | #ff00cc |
| #ffff99 | #ffcc99 | #ff9999 | #ff6699 | #ff3399 | #ff0099 |
| #ffff66 | #ffcc66 | #ff9966 | #ff6666 | #ff3366 | #ff0066 |
| #ffff33 | #ffcc33 | #ff9933 | #ff6633 | #ff3333 | #ff0033 |
| #ffff00 | #ffcc00 | #ff9900 | #ff6600 | #ff3300 | #ff0000 |
| #ccffff | #ccccff | #cc99ff | #cc66ff | #cc33ff | #cc00ff |
| #ccffcc | #cccccc | #cc99cc | #cc66cc | #cc33cc | #cc00cc |
| #ccff99 | #cccc99 | #cc9999 | #cc6699 | #cc3399 | #cc0099 |
| #ccff66 | #cccc66 | #cc9966 | #cc6666 | #cc3366 | #cc0066 |
| #ccff33 | #cccc33 | #cc9933 | #cc6633 | #cc3333 | #cc0033 |
| #ccff00 | #cccc00 | #cc9900 | #cc6600 | #cc3300 | #cc0000 |
| #99ffff | #99ccff | #9999ff | #9966ff | #9933ff | #9900ff |
| #99ffcc | #99cccc | #9999cc | #9966cc | #9933cc | #9900cc |
| #99ff99 | #99cc99 | #999999 | #996699 | #993399 | #990099 |
| #99ff66 | #99cc66 | #999966 | #996666 | #993366 | #990066 |
| #99ff33 | #99cc33 | #999933 | #996633 | #993333 | #990033 |
| #99ff00 | #99cc00 | #999900 | #996600 | #993300 | #990000 |
| #66ffff | #66ccff | #6699ff | #6666ff | #6633ff | #6600ff |
| #66ffcc | #66cccc | #6699cc | #6666cc | #6633cc | #6600cc |
| #66ff99 | #66cc99 | #669999 | #666699 | #663399 | #660099 |
| #66ff66 | #66cc66 | #669966 | #666666 | #663366 | #660066 |
| #66ff33 | #66cc33 | #669933 | #666633 | #663333 | #660033 |
| #66ff00 | #66cc00 | #669900 | #666600 | #663300 | #660000 |
| #33ffff | #33ccff | #3399ff | #3366ff | #3333ff | #3300ff |
| #33ffcc | #33cccc | #3399cc | #3366cc | #3333cc | #3300cc |
| #33ff99 | #33cc99 | #339999 | #336699 | #333399 | #330099 |
| #33ff66 | #33cc66 | #339966 | #336666 | #333366 | #330066 |
| #33ff33 | #33cc33 | #339933 | #336633 | #333333 | #330033 |
| #33ff00 | #33cc00 | #339900 | #336600 | #333300 | #330000 |
| #00ffff | #00ccff | #0099ff | #0066ff | #0033ff | #0000ff |
| #00ffcc | #00cccc | #0099cc | #0066cc | #0033cc | #0000cc |
| #00ff99 | #00cc99 | #009999 | #006699 | #003399 | #000099 |
| #00ff66 | #00cc66 | #009966 | #006666 | #003366 | #000066 |
| #00ff33 | #00cc33 | #009933 | #006633 | #003333 | #000033 |
| #00ff00 | #00cc00 | #009900 | #006600 | #003300 | #000000 |
色系样本表
| 单色调 | #ffffff | 色样本 |
| #f5f5f5 | 色样本 | |
| #dcdcdc | 色样本 | |
| #d3d3d3 | 色样本 | |
| #c0c0c0 | 色样本 | |
| #a9a9a9 | 色样本 | |
| #808080 | 色样本 | |
| #696969 | 色样本 | |
| #000000 | 色样本 | |
| 浅淡色 | #fffafa | 色样本 |
| #f8f8ff | 色样本 | |
| #f5fffa | 色样本 | |
| #f0ffff | 色样本 | |
| #fffff0 | 色样本 | |
| #fffaf0 | 色样本 | |
| #f0f8ff | 色样本 | |
| #fff0f5 | 色样本 | |
| #fff5ee | 色样本 | |
| #f0fff0 | 色样本 | |
| #ffffe0 | 色样本 | |
| #e0ffff | 色样本 | |
| #fdf5e6 | 色样本 | |
| #fff8dc | 色样本 | |
| #faf0e6 | 色样本 | |
| #fffacd | 色样本 | |
| #e6e6fa | 色样本 | |
| #f5f5dc | 色样本 | |
| #fafad2 | 色样本 | |
| #ffe4e1 | 色样本 | |
| #ffefd5 | 色样本 | |
| #faebd7 | 色样本 | |
| 红紫色 | #ffc0cb | 色样本 |
| #ffb6c1 | 色样本 | |
| #ff69b9 | 色样本 | |
| #da70d6 | 色样本 | |
| #db7093 | 色样本 | |
| #ff1493 | 色样本 | |
| #c71585 | 色样本 | |
| #dc143c | 色样本 | |
| 红褐色 | #f08080 | 色样本 |
| #bc8f8f | 色样本 | |
| #cd5c5c | 色样本 | |
| #a52a2a | 色样本 | |
| #b22222 | 色样本 | |
| #ff0000 | 色样本 | |
| #8b0000 | 色样本 | |
| #800000 | 色样本 | |
| 橙色系 | #ffebcd | 色样本 |
| #ffe4c4 | 色样本 | |
| #ffe4b5 | 色样本 | |
| #ffdab9 | 色样本 | |
| #ffdead | 色样本 | |
| #f5deb3 | 色样本 | |
| #eee8aa | 色样本 | |
| #f0e68c | 色样本 | |
| #ffd700 | 色样本 | |
| #deb887 | 色样本 | |
| #d2b48c | 色样本 | |
| #bdb76b | 色样本 | |
| #f4a460 | 色样本 | |
| #ffa500 | 色样本 | |
| #ffa07a | 色样本 | |
| #e9967a | 色样本 | |
| #daa520 | 色样本 | |
| #fa8072 | 色样本 | |
| #ff8c00 | 色样本 | |
| #ff7f50 | 色样本 | |
| #cd853f | 色样本 | |
| #ff6347 | 色样本 | |
| #b8860b | 色样本 | |
| #ff4500 | 色样本 | |
| #d2691e | 色样本 | |
| #a0522d | 色样本 | |
| #8b4513 | 色样本 | |
| 黄色系 | #ffff00 | 色样本 |
| #808000 | 色样本 | |
| 橄榄绿 | #adff2f | 色样本 |
| #7fff00 | 色样本 | |
| #7cfc00 | 色样本 | |
| #9acd32 | 色样本 | |
| #6b8e23 | 色样本 | |
| #556b2f | 色样本 | |
| 艳绿色 | #98fb98 | 色样本 |
| #90ee90 | 色样本 | |
| #00ff00 | 色样本 | |
| #8fbc8f | 色样本 | |
| #32cd32 | 色样本 | |
| #228b22 | 色样本 | |
| #008000 | 色样本 | |
| #006400 | 色样本 | |
| 土尔其绿 | #7fffd4 | 色样本 |
| #1edeaa | 色样本 | |
| #66cdaa | 色样本 | |
| #48d1cc | 色样本 | |
| #00fa9a | 色样本 | |
| #00ff7f | 色样本 | |
| #40e0d0 | 色样本 | |
| #20b2aa | 色样本 | |
| #2e8b57 | 色样本 | |
| #3cb371 | 色样本 | |
| 青色 | #afeeee | 色样本 |
| #00ffff | 色样本 | |
| #00ffff | 色样本 | |
| #008b8b | 色样本 | |
| #008080 | 色样本 | |
| #2f4f4f | 色样本 | |
| 天蓝 | #b0e0e6 | 色样本 |
| #add8e6 | 色样本 | |
| #b0c4de | 色样本 | |
| #87cefa | 色样本 | |
| #87ceeb | 色样本 | |
| #00bfff | 色样本 | |
| #00ced1 | 色样本 | |
| #6495ed | 色样本 | |
| #5f9ea0 | 色样本 | |
| #1e90ff | 色样本 | |
| #778899 | 色样本 | |
| #708090 | 色样本 | |
| #4169e1 | 色样本 | |
| #4682b4 | 色样本 | |
| 海蓝 | #0000ff | 色样本 |
| #0000cd | 色样本 | |
| #00008b | 色样本 | |
| #000080 | 色样本 | |
| #191970 | 色样本 | |
| 紫罗兰 | #ba55d3 | 色样本 |
| #9370db | 色样本 | |
| #7b68ee | 色样本 | |
| #6a5acd | 色样本 | |
| #8a2be2 | 色样本 | |
| #9400d3 | 色样本 | |
| #9932cc | 色样本 | |
| #483d8b | 色样本 | |
| #4b0082 | 色样本 | |
| 玫瑰红 | #d8bfd8 | 色样本 |
| #dda0dd | 色样本 | |
| #ee82ee | 色样本 | |
| #ff00ff | 色样本 | |
| #ff00ff | 色样本 | |
| #8b008b | 色样本 | |
| #800080 | 色样本 |
色名表
| 浅粉红 | lightpink | #ffb6c1 |
| 粉红 | pink | #ffc0cb |
| 猩红/深红 | crimson | #dc143c |
| 淡紫红 | lavenderblush | #fff0f5 |
| 弱紫罗兰红 | palevioletred | #db7093 |
| 热情的粉红 | hotpink | #ff69b4 |
| 深粉红 | deeppink | #ff1493 |
| 中紫罗兰红 | mediumvioletred | #c71585 |
| 兰花紫 | orchid | #da70d6 |
| 蓟 | thistle | #d8bfd8 |
| 李子紫 | plum | #dda0dd |
| 紫罗兰 | violet | #ee82ee |
| 洋红/玫瑰红 | magenta | #ff00ff |
| 灯笼海棠/紫红 | fuchsia | #ff00ff |
| 深洋红 | darkmagenta | #8b008b |
| 紫色 | purple | #800080 |
| 中兰花紫 | mediumorchid | #ba55d3 |
| 暗紫罗兰 | darkviolet | #9400d3 |
| 暗兰花紫 | darkorchid | #9932cc |
| 靛青/紫兰色 | indigo | #4b0082 |
| 蓝紫罗兰 | blueviolet | #8a2be2 |
| 中紫色 | mediumpurple | #9370db |
| 中板岩蓝 | mediumslateblue | #7b68ee |
| 板岩蓝 | slateblue | #6a5acd |
| 暗板岩蓝 | darkslateblue | #483d8b |
| 熏衣草淡紫 | lavender | #e6e6fa |
| 幽灵白 | ghostwhite | #f8f8ff |
| 纯蓝 | blue | #0000ff |
| 中蓝色 | mediumblue | #0000cd |
| 午夜蓝 | midnightblue | #191970 |
| 暗蓝色 | darkblue | #00008b |
| 海军蓝 | navy | #000080 |
| 皇家蓝/宝蓝 | royalblue | #4169e1 |
| 矢车菊蓝 | cornflowerblue | #6495ed |
| 亮钢蓝 | lightsteelblue | #b0c4de |
| 亮石板灰 | lightslategray | #778899 |
| 石板灰 | slategray | #708090 |
| 道奇蓝 | dodgerblue | #1e90ff |
| 爱丽丝蓝 | aliceblue | #f0f8ff |
| 钢蓝/铁青 | steelblue | #4682b4 |
| 亮天蓝色 | lightskyblue | #87cefa |
| 天蓝色 | skyblue | #87ceeb |
| 深天蓝 | deepskyblue | #00bfff |
| 亮蓝 | lightblue | #add8e6 |
| 火药青 | powderblue | #b0e0e6 |
| 军服蓝 | cadetblue | #5f9ea0 |
| 蔚蓝色 | azure | #f0ffff |
| 淡青色 | lightcyan | #e0ffff |
| 弱绿宝石 | paleturquoise | #afeeee |
| 青色 | cyan | #00ffff |
| 水色 | aqua | #00ffff |
| 暗绿宝石 | darkturquoise | #00ced1 |
| 暗石板灰 | darkslategray | #2f4f4f |
| 暗青色 | darkcyan | #008b8b |
| 水鸭色 | teal | #008080 |
| 中绿宝石 | mediumturquoise | #48d1cc |
| 浅海洋绿 | lightseagreen | #20b2aa |
| 绿宝石 | turquoise | #40e0d0 |
| 宝石碧绿 | aquamarine | #7fffd4 |
| 中宝石碧绿 | mediumaquamarine | #66cdaa |
| 中春绿色 | mediumspringgreen | #00fa9a |
| 薄荷奶油 | mintcream | #f5fffa |
| 春绿色 | springgreen | #00ff7f |
| 中海洋绿 | mediumseagreen | #3cb371 |
| 海洋绿 | seagreen | #2e8b57 |
| 蜜瓜色 | honeydew | #f0fff0 |
| 淡绿色 | lightgreen | #90ee90 |
| 弱绿色 | palegreen | #98fb98 |
| 暗海洋绿 | darkseagreen | #8fbc8f |
| 闪光深绿 | limegreen | #32cd32 |
| 闪光绿 | lime | #00ff00 |
| 森林绿 | forestgreen | #228b22 |
| 纯绿 | green | #008000 |
| 暗绿色 | darkgreen | #006400 |
| 查特酒绿 | chartreuse | #7fff00 |
| 草坪绿 | lawngreen | #7cfc00 |
| 绿黄色 | greenyellow | #adff2f |
| 暗橄榄绿 | darkolivegreen | #556b2f |
| 黄绿色 | yellowgreen | #9acd32 |
| 橄榄褐色 | olivedrab | #6b8e23 |
| 米色/灰棕色 | beige | #f5f5dc |
| 亮菊黄 | lightgoldenrodyellow | #fafad2 |
| 象牙 | ivory | #fffff0 |
| 浅黄色 | lightyellow | #ffffe0 |
| 纯黄 | yellow | #ffff00 |
| 橄榄 | olive | #808000 |
| 深卡叽布 | darkkhaki | #bdb76b |
| 柠檬绸 | lemonchiffon | #fffacd |
| 灰菊黄 | palegoldenrod | #eee8aa |
| 卡叽布 | khaki | #f0e68c |
| 金色 | gold | #ffd700 |
| 玉米丝色 | cornsilk | #fff8dc |
| 金菊黄 | goldenrod | #daa520 |
| 暗金菊黄 | darkgoldenrod | #b8860b |
| 花的白色 | floralwhite | #fffaf0 |
| 旧蕾丝 | oldlace | #fdf5e6 |
| 小麦色 | wheat | #f5deb3 |
| 鹿皮靴 | moccasin | #ffe4b5 |
| 橙色 | orange | #ffa500 |
| 番木瓜 | papayawhip | #ffefd5 |
| 发白的杏仁色 | blanchedalmond | #ffebcd |
| 土著白 | navajowhite | #ffdead |
| 古董白 | antiquewhite | #faebd7 |
| 茶色 | tan | #d2b48c |
| 硬木色 | burlywood | #deb887 |
| 陶坯黄 | bisque | #ffe4c4 |
| 深橙色 | darkorange | #ff8c00 |
| 亚麻布 | linen | #faf0e6 |
| 秘鲁 | peru | #cd853f |
| 桃肉色 | peachpuff | #ffdab9 |
| 沙棕色 | sandybrown | #f4a460 |
| 巧克力 | chocolate | #d2691e |
| 马鞍棕色 | saddlebrown | #8b4513 |
| 海贝壳 | seashell | #fff5ee |
| 黄土赭色 | sienna | #a0522d |
| 浅鲑鱼肉色 | lightsalmon | #ffa07a |
| 珊瑚 | coral | #ff7f50 |
| 橙红色 | orangered | #ff4500 |
| 深鲜肉/鲑鱼色 | darksalmon | #e9967a |
| 番茄红 | tomato | #ff6347 |
| 薄雾玫瑰 | mistyrose | #ffe4e1 |
| 鲜肉/鲑鱼色 | salmon | #fa8072 |
| 雪 | snow | #fffafa |
| 淡珊瑚色 | lightcoral | #f08080 |
| 玫瑰棕色 | rosybrown | #bc8f8f |
| 印度红 | indianred | #cd5c5c |
| 纯红 | red | #ff0000 |
| 棕色 | brown | #a52a2a |
| 耐火砖 | firebrick | #b22222 |
| 深红色 | darkred | #8b0000 |
| 栗色 | maroon | #800000 |
| 纯白 | white | #ffffff |
| 白烟 | whitesmoke | #f5f5f5 |
| 庚斯博罗灰色 | gainsboro | #dcdcdc |
| 浅灰色 | lightgrey | #d3d3d3 |
| 银灰色 | silver | #c0c0c0 |
| 深灰色 | darkgray | #a9a9a9 |
| 灰色 | gray | #808080 |
| 暗淡的灰色 | dimgray | #696969 |
| 纯黑 | black | #000000 |