在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 |