CSS颜色名称和值
效果见附件或复制代码保存为HTML文件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>CSS颜色名称和值</title>
<style>
BODY {background: #FFFFFF;text-align:center;}
A:link {color: #80FF00}
A:visited {color: #FF00FF}
H1 {font-size: 24pt; font-family: arial}
H2 {font-size: 18pt; font-family: arial}
H3 {font-size: 14pt; font-family: arial}
H5 {font-size: 10pt; font-family: arial}
p {}
/*div { height: 24px; width:400px;color:black; font-size:20px }*/
span {border-style:solid;border-width:1px;border-color:blue; color:white; }
.main{
position: relative;
width:820px;
text-align:center;
border-style:solid;
border-width:1px;
border-color:blue;
}
.left{
float:left;
width: 400px;
text-align:center;
}
.right{
margin-left: 410px;
width: 400px;
text-align:center;
}
.antiquewhite{ /*antiquewhite 古董白 #FAEBD7*/ background-color:antiquewhite; }
.aqua{ /*aqua 浅绿色 #00FFFF*/ background-color:aqua; }
.aquamarine{ /*aquamarine 碧绿色 #7FFFD4*/ background-color:aquamarine; }
.azure{ /*azure 天蓝色 #F0FFFF*/ background-color:azure; }
.beige{ /*beige 米色 #F5F5DC*/ background-color:beige; }
.bisque{ /*bisque 桔黄色 #FFE4C4*/ background-color:bisque; }
.black{ /*black 黑色 #000000*/ background-color:black;color:white; }
.blanchedalmond{ /*blanchedalmond 白杏色 #FFEBCD*/ background-color:blanchedalmond; }
.blue{ /*blue 蓝色 #0000FF*/ background-color:blue;color:white; }
.blueviolet{ /*blueviolet 紫罗兰色 #8A2BE2*/ background-color:blueviolet; }
.brown{ /*brown 褐色 #A52A2A*/ background-color:brown; color:white;}
.burlywood{ /*burlywood 实木色 #DEB887*/ background-color:burlywood; }
.cadetblue{ /*cadetblue 军兰色 #5F9EA0*/ background-color:cadetblue; }
.chartreuse{ /*chartreuse 黄绿色 #7FFF00*/ background-color:chartreuse; }
.chocolate{ /*chocolate 巧可力色 #D2691E*/ background-color:chocolate; }
.coral{ /*coral 珊瑚色 #FF7F50*/ background-color:coral; }
.cornflowerblue{ /*cornflowerblue 菊兰色 #6495ED*/ background-color:cornflowerblue; }
.cornsilk{ /*cornsilk 米绸色 #FFF8DC*/ background-color:cornsilk; }
.crimson{ /*crimson 暗深红色 #DC143C*/ background-color:crimson; }
.cyan{ /*cyan 青色 #00FFFF*/ background-color:cyan; }
.darkblue{ /*darkblue 暗蓝色 #00008B*/ background-color:darkblue; color:white;}
.darkcyan{ /*darkcyan 暗青色 #008B8B*/ background-color:darkcyan; }
.darkgoldenrod{ /*darkgoldenrod 暗金黄色 #B8860B*/ background-color:darkgoldenrod; }
.darkgray{ /*darkgray 暗灰色 #A9A9A9*/ background-color:darkgray; }
.darkgreen{ /*darkgreen 暗绿色 #006400*/ background-color:darkgreen;color:white; }
.darkkhaki{ /*darkkhaki 暗黄褐色 #BDB76B*/ background-color:darkkhaki; }
.darkmagenta{ /*darkmagenta 暗洋红 #8B008B*/ background-color:darkmagenta; }
.darkolivegreen{ /*darkolivegreen 暗橄榄绿 #556B2F*/ background-color:darkolivegreen;color:white; }
.darkorange{ /*darkorange 暗桔黄色 #FF8C00*/ background-color:darkorange; }
.darkorchid{ /*darkorchid 暗紫色 #9932CC*/ background-color:darkorchid; }
.darkred{ /*darkred 暗红色 #8B0000*/ background-color:darkred; color:white;}
.darksalmon{ /*darksalmon 暗肉色 #E9967A*/ background-color:darksalmon; }
.darkseagreen{ /*darkseagreen 暗海兰色 #8FBC8F*/ background-color:darkseagreen; }
.darkslateblue{ /*darkslateblue 暗灰蓝色 #483D8B*/ background-color:darkslateblue; color:white;}
.darkslategray{ /*darkslategray 墨绿色 #2F4F4F*/ background-color:darkslategray; color:white;}
.darkturquoise{ /*darkturquoise 暗宝石绿 #00CED1*/ background-color:darkturquoise; }
.darkviolet{ /*darkviolet 暗紫罗兰色 #9400D3*/ background-color:darkviolet; }
.deeppink{ /*deeppink 深粉红色 #FF1493*/ background-color:deeppink; }
.deepskyblue{ /*deepskyblue 深天蓝色 #00BFFF*/ background-color:deepskyblue; }
.dimgray{ /*dimgray 暗灰色 #696969*/ background-color:dimgray;color:white; }
.dodgerblue{ /*dodgerblue 闪兰色 #1E90FF*/ background-color:dodgerblue; }
.firebrick{ /*firebrick 火砖色 #B22222*/ background-color:firebrick; color:white;}
.floralwhite{ /*floralwhite 花白色 #FFFAF0*/ background-color:floralwhite; }
.forestgreen{ /*forestgreen 森林绿 #228B22*/ background-color:forestgreen; color:white;}
.fuchsia{ /*fuchsia 紫红色 #FF00FF*/ background-color:fuchsia; }
.gainsboro{ /*gainsboro 淡灰色 #DCDCDC*/ background-color:gainsboro; }
.ghostwhite{ /*ghostwhite 幽灵白 #F8F8FF*/ background-color:ghostwhite; }
.gold{ /*gold 金色 #FFD700*/ background-color:gold; }
.goldenrod{ /*goldenrod 金麒麟色 #DAA520*/ background-color:goldenrod; }
.gray{ /*gray 灰色 #808080*/ background-color:gray; color:white;}
.green{ /*green 绿色 #008000*/ background-color:green; color:white;}
.greenyellow{ /*greenyellow 黄绿色 #ADFF2F*/ background-color:greenyellow; }
.honeydew{ /*honeydew 蜜色 #F0FFF0*/ background-color:honeydew; }
.hotpink{ /*hotpink 热粉红色 #FF69B4*/ background-color:hotpink; }
.indianred{ /*indianred 印第安红 #CD5C5C*/ background-color:indianred; }
.indigo{ /*indigo 靛青色 #4B0082*/ background-color:indigo; color:white;}
.ivory{ /*ivory 象牙色 #FFFFF0*/ background-color:ivory; }
.khaki{ /*khaki 黄褐色 #F0E68C*/ background-color:khaki; }
.lavender{ /*lavender 淡紫色 #E6E6FA*/ background-color:lavender; }
.lavenderblush{ /*lavenderblush 淡紫红 #FFF0F5*/ background-color:lavenderblush; }
.lawngreen{ /*lawngreen 草绿色 #7CFC00*/ background-color:lawngreen; }
.lemonchiffon{ /*lemonchiffon 柠檬绸色 #FFFACD*/ background-color:lemonchiffon; }
.lightblue{ /*lightblue 亮蓝色 #ADD8E6*/ background-color:lightblue; }
.lightcoral{ /*lightcoral 亮珊瑚色 #F08080*/ background-color:lightcoral; }
.lightcyan{ /*lightcyan 亮青色 #E0FFFF*/ background-color:lightcyan; }
.lightgoldenrodyellow{ /*lightgoldenrodyellow 亮金黄色 #FAFAD2*/ background-color:lightgoldenrodyellow; }
.lightgreen{ /*lightgreen 亮绿色 #90EE90*/ background-color:lightgreen; }
.lightgrey{ /*lightgrey 亮灰色 #D3D3D3*/ background-color:lightgrey; }
.lightpink{ /*lightpink 亮粉红色 #FFB6C1*/ background-color:lightpink; }
.lightsalmon{ /*lightsalmon 亮肉色 #FFA07A*/ background-color:lightsalmon; }
.lightseagreen{ /*lightseagreen 亮海蓝色 #20B2AA*/ background-color:lightseagreen; }
.lightskyblue{ /*lightskyblue 亮天蓝色 #87CEFA*/ background-color:lightskyblue; }
.lightslategray{ /*lightslategray 亮蓝灰 #778899*/ background-color:lightslategray; }
.lightsteelblue{ /*lightsteelblue 亮钢兰色 #B0C4DE*/ background-color:lightsteelblue; }
.lightyellow{ /*lightyellow 亮黄色 #FFFFE0*/ background-color:lightyellow; }
.lime{ /*lime 酸橙色 #00FF00*/ background-color:lime; }
.limegreen{ /*limegreen 橙绿以 #32CD32*/ background-color:limegreen; }
.linen{ /*linen 亚麻色 #FAF0E6*/ background-color:linen; }
.magenta{ /*magenta 红紫色 #FF00FF*/ background-color:magenta; }
.maroon{ /*maroon 粟色 #800000*/ background-color:maroon; }
.mediumaquamarine{ /*mediumaquamarine 间绿色 #66CDAA*/ background-color:mediumaquamarine; }
.mediumblue{ /*mediumblue 间兰色 #0000CD*/ background-color:mediumblue; }
.mediumorchid{ /*mediumorchid 间紫色 #BA55D3*/ background-color:mediumorchid; }
.mediumpurple{ /*mediumpurple 间紫色 #9370DB*/ background-color:mediumpurple; }
.mediumseagreen{ /*mediumseagreen 间海蓝 #3CB371*/ background-color:mediumseagreen; }
.mediumslateblue{ /*mediumslateblue 间暗蓝色 #7B68EE*/ background-color:mediumslateblue; }
.mediumspringgreen{ /*mediumspringgreen 间春绿色 #00FA9A*/ background-color:mediumspringgreen; }
.mediumturquoise{ /*mediumturquoise 间绿宝石 #48D1CC*/ background-color:mediumturquoise; }
.mediumvioletred{ /*mediumvioletred 间紫罗兰色 #C71585*/ background-color:mediumvioletred; }
.midnightblue{ /*midnightblue 中灰兰色 #191970*/ background-color:midnightblue; color:white;}
.mintcream{ /*mintcream 薄荷色 #F5FFFA*/ background-color:mintcream; }
.mistyrose{ /*mistyrose 浅玫瑰色 #FFE4E1*/ background-color:mistyrose; }
.moccasin{ /*moccasin 鹿皮色 #FFE4B5*/ background-color:moccasin; }
.navajowhite{ /*navajowhite 纳瓦白 #FFDEAD*/ background-color:navajowhite; }
.navy{ /*navy 海军色 #000080*/ background-color:navy; color:white;}
.oldlace{ /*oldlace 老花色 #FDF5E6*/ background-color:oldlace; }
.olive{ /*olive 橄榄色 #808000*/ background-color:olive; }
.olivedrab{ /*olivedrab 深绿褐色 #6B8E23*/ background-color:olivedrab; }
.orange{ /*orange 橙色 #FFA500*/ background-color:orange; }
.orangered{ /*orangered 红橙色 #FF4500*/ background-color:orangered; }
.orchid{ /*orchid 淡紫色 #DA70D6*/ background-color:orchid; }
.palegoldenrod{ /*palegoldenrod 苍麒麟色 #EEE8AA*/ background-color:palegoldenrod; }
.palegreen{ /*palegreen 苍绿色 #98FB98*/ background-color:palegreen; }
.paleturquoise{ /*paleturquoise 苍宝石绿 #AFEEEE*/ background-color:paleturquoise; }
.palevioletred{ /*palevioletred 苍紫罗兰色 #DB7093*/ background-color:palevioletred; }
.papayawhip{ /*papayawhip 番木色 #FFEFD5*/ background-color:papayawhip; }
.peachpuff{ /*peachpuff 桃色 #FFDAB9*/ background-color:peachpuff; }
.peru{ /*peru 秘鲁色 #CD853F*/ background-color:peru; }
.pink{ /*pink 粉红色 #FFC0CB*/ background-color:pink; }
.plum{ /*plum 洋李色 #DDA0DD*/ background-color:plum; }
.powderblue{ /*powderblue 粉蓝色 #B0E0E6*/ background-color:powderblue; }
.purple{ /*purple 紫色 #800080*/ background-color:purple; color:white;}
.red{ /*red 红色 #FF0000*/ background-color:red; color:white;}
.rosybrown{ /*rosybrown 褐玫瑰红 #BC8F8F*/ background-color:rosybrown; }
.royalblue{ /*royalblue 皇家蓝 #4169E1*/ background-color:royalblue; color:white;}
.saddlebrown{ /*saddlebrown 重褐色 #8B4513*/ background-color:saddlebrown; color:white;}
.salmon{ /*salmon 鲜肉色 #FA8072*/ background-color:salmon; }
.sandybrown{ /*sandybrown 沙褐色 #F4A460*/ background-color:sandybrown; }
.seagreen{ /*seagreen 海绿色 #2E8B57*/ background-color:seagreen; color:white;}
.seashell{ /*seashell 海贝色 #FFF5EE*/ background-color:seashell; }
.sienna{ /*sienna 赭色 #A0522D*/ background-color:sienna; color:white;}
.silver{ /*silver 银色 #C0C0C0*/ background-color:silver; }
.skyblue{ /*skyblue 天蓝色 #87CEEB*/ background-color:skyblue; }
.slateblue{ /*slateblue 石蓝色 #6A5ACD*/ background-color:slateblue; color:white;}
.slategray{ /*slategray 灰石色 #708090*/ background-color:slategray; color:white;}
.snow{ /*snow 雪白色 #FFFAFA*/ background-color:snow; }
.springgreen{ /*springgreen 春绿色 #00FF7F*/ background-color:springgreen; }
.steelblue{ /*steelblue 钢兰色 #4682B4*/ background-color:steelblue; }
.tan{ /*tan 茶色 #D2B48C*/ background-color:tan; }
.teal{ /*teal 水鸭色 #008080*/ background-color:teal; color:white;}
.thistle{ /*thistle 蓟色 #D8BFD8*/ background-color:thistle; }
.tomato{ /*tomato 西红柿色 #FF6347*/ background-color:tomato; }
.turquoise{ /*turquoise 青绿色 #40E0D0*/ background-color:turquoise; }
.violet{ /*violet 紫罗兰色 #EE82EE*/ background-color:violet; }
.wheat{ /*wheat 浅黄色 #F5DEB3*/ background-color:wheat; }
.white{ /*white 白色 #FFFFFF*/ background-color:white; }
.whitesmoke{ /*whitesmoke 烟白色 #F5F5F5*/ background-color:whitesmoke; }
.yellow{ /*yellow 黄色 #FFFF00*/ background-color:yellow; }
.yellowgreen{ /*yellowgreen 黄绿色 #9ACD32*/ background-color:yellowgreen; }
</style>
</head>
<body>
<p>
<span class="red">CSS</span>
<span class="blue">Color</span>
<span class="green">Name</span>
<span class="black">and</span>
<span class="purple">Value</span>
</p>
<p>
<span class="red">CSS</span>
<span class="blue">颜色</span>
<span class="green">名称</span>
<span class="black">和</span>
<span class="purple">值</span>
</p>
<div class="main">
<div class="left">
<h5><div class="antiquewhite">antiquewhite 古董白 #FAEBD7</div></h5>
<h5><div class="aqua">aqua 浅绿色 #00FFFF</div></h5>
<h5><div class="aquamarine">aquamarine 碧绿色 #7FFFD4</div></h5>
<h5><div class="azure">azure 天蓝色 #F0FFFF</div></h5>
<h5><div class="beige">beige 米色 #F5F5DC</div></h5>
<h5><div class="bisque">bisque 桔黄色 #FFE4C4</div></h5>
<h5><div class="black">black 黑色 #000000</div></h5>
<h5><div class="blanchedalmond">blanchedalmond 白杏色 #FFEBCD</div></h5>
<h5><div class="blue">blue 蓝色 #0000FF</div></h5>
<h5><div class="blueviolet">blueviolet 紫罗兰色 #8A2BE2</div></h5>
<h5><div class="brown">brown 褐色 #A52A2A</div></h5>
<h5><div class="burlywood">burlywood 实木色 #DEB887</div></h5>
<h5><div class="cadetblue">cadetblue 军兰色 #5F9EA0</div></h5>
<h5><div class="chartreuse">chartreuse 黄绿色 #7FFF00</div></h5>
<h5><div class="chocolate">chocolate 巧可力色 #D2691E</div></h5>
<h5><div class="coral">coral 珊瑚色 #FF7F50</div></h5>
<h5><div class="cornflowerblue">cornflowerblue 菊兰色 #6495ED</div></h5>
<h5><div class="cornsilk">cornsilk 米绸色 #FFF8DC</div></h5>
<h5><div class="crimson">crimson 暗深红色 #DC143C</div></h5>
<h5><div class="cyan">cyan 青色 #00FFFF</div></h5>
<h5><div class="darkblue">darkblue 暗蓝色 #00008B</div></h5>
<h5><div class="darkcyan">darkcyan 暗青色 #008B8B</div></h5>
<h5><div class="darkgoldenrod">darkgoldenrod 暗金黄色 #B8860B</div></h5>
<h5><div class="darkgray">darkgray 暗灰色 #A9A9A9</div></h5>
<h5><div class="darkgreen">darkgreen 暗绿色 #006400</div></h5>
<h5><div class="darkkhaki">darkkhaki 暗黄褐色 #BDB76B</div></h5>
<h5><div class="darkmagenta">darkmagenta 暗洋红 #8B008B</div></h5>
<h5><div class="darkolivegreen">darkolivegreen 暗橄榄绿 #556B2F</div></h5>
<h5><div class="darkorange">darkorange 暗桔黄色 #FF8C00</div></h5>
<h5><div class="darkorchid">darkorchid 暗紫色 #9932CC</div></h5>
<h5><div class="darkred">darkred 暗红色 #8B0000</div></h5>
<h5><div class="darksalmon">darksalmon 暗肉色 #E9967A</div></h5>
<h5><div class="darkseagreen">darkseagreen 暗海兰色 #8FBC8F</div></h5>
<h5><div class="darkslateblue">darkslateblue 暗灰蓝色 #483D8B</div></h5>
<h5><div class="darkslategray">darkslategray 墨绿色 #2F4F4F</div></h5>
<h5><div class="darkturquoise">darkturquoise 暗宝石绿 #00CED1</div></h5>
<h5><div class="darkviolet">darkviolet 暗紫罗兰色 #9400D3</div></h5>
<h5><div class="deeppink">deeppink 深粉红色 #FF1493</div></h5>
<h5><div class="deepskyblue">deepskyblue 深天蓝色 #00BFFF</div></h5>
<h5><div class="dimgray">dimgray 暗灰色 #696969</div></h5>
<h5><div class="dodgerblue">dodgerblue 闪兰色 #1E90FF</div></h5>
<h5><div class="firebrick">firebrick 火砖色 #B22222</div></h5>
<h5><div class="floralwhite">floralwhite 花白色 #FFFAF0</div></h5>
<h5><div class="forestgreen">forestgreen 森林绿 #228B22</div></h5>
<h5><div class="fuchsia">fuchsia 紫红色 #FF00FF</div></h5>
<h5><div class="gainsboro">gainsboro 淡灰色 #DCDCDC</div></h5>
<h5><div class="ghostwhite">ghostwhite 幽灵白 #F8F8FF</div></h5>
<h5><div class="gold">gold 金色 #FFD700</div></h5>
<h5><div class="goldenrod">goldenrod 金麒麟色 #DAA520</div></h5>
<h5><div class="gray">gray 灰色 #808080</div></h5>
<h5><div class="green">green 绿色 #008000</div></h5>
<h5><div class="greenyellow">greenyellow 黄绿色 #ADFF2F</div></h5>
<h5><div class="honeydew">honeydew 蜜色 #F0FFF0</div></h5>
<h5><div class="hotpink">hotpink 热粉红色 #FF69B4</div></h5>
<h5><div class="indianred">indianred 印第安红 #CD5C5C</div></h5>
<h5><div class="indigo">indigo 靛青色 #4B0082</div></h5>
<h5><div class="ivory">ivory 象牙色 #FFFFF0</div></h5>
<h5><div class="khaki">khaki 黄褐色 #F0E68C</div></h5>
<h5><div class="lavender">lavender 淡紫色 #E6E6FA</div></h5>
<h5><div class="lavenderblush">lavenderblush 淡紫红 #FFF0F5</div></h5>
<h5><div class="lawngreen">lawngreen 草绿色 #7CFC00</div></h5>
<h5><div class="lemonchiffon">lemonchiffon 柠檬绸色 #FFFACD</div></h5>
<h5><div class="lightblue">lightblue 亮蓝色 #ADD8E6</div></h5>
<h5><div class="lightcoral">lightcoral 亮珊瑚色 #F08080</div></h5>
<h5><div class="lightcyan">lightcyan 亮青色 #E0FFFF</div></h5>
<h5><div class="lightgoldenrodyellow">lightgoldenrodyellow 亮金黄色 #FAFAD2</div></h5>
<h5><div class="lightgreen">lightgreen 亮绿色 #90EE90</div></h5>
<h5><div class="lightgrey">lightgrey 亮灰色 #D3D3D3</div></h5>
<h5><div class="lightpink">lightpink 亮粉红色 #FFB6C1</div></h5>
<h5><div class="lightsalmon">lightsalmon 亮肉色 #FFA07A</div></h5>
</div>
<div class="right">
<h5><div class="lightseagreen">lightseagreen 亮海蓝色 #20B2AA</div></h5>
<h5><div class="lightskyblue">lightskyblue 亮天蓝色 #87CEFA</div></h5>
<h5><div class="lightslategray">lightslategray 亮蓝灰 #778899</div></h5>
<h5><div class="lightsteelblue">lightsteelblue 亮钢兰色 #B0C4DE</div></h5>
<h5><div class="lightyellow">lightyellow 亮黄色 #FFFFE0</div></h5>
<h5><div class="lime">lime 酸橙色 #00FF00</div></h5>
<h5><div class="limegreen">limegreen 橙绿以 #32CD32</div></h5>
<h5><div class="linen">linen 亚麻色 #FAF0E6</div></h5>
<h5><div class="magenta">magenta 红紫色 #FF00FF</div></h5>
<h5><div class="maroon">maroon 粟色 #800000</div></h5>
<h5><div class="mediumaquamarine">mediumaquamarine 间绿色 #66CDAA</div></h5>
<h5><div class="mediumblue">mediumblue 间兰色 #0000CD</div></h5>
<h5><div class="mediumorchid">mediumorchid 间紫色 #BA55D3</div></h5>
<h5><div class="mediumpurple">mediumpurple 间紫色 #9370DB</div></h5>
<h5><div class="mediumseagreen">mediumseagreen 间海蓝 #3CB371</div></h5>
<h5><div class="mediumslateblue">mediumslateblue 间暗蓝色 #7B68EE</div></h5>
<h5><div class="mediumspringgreen">mediumspringgreen 间春绿色 #00FA9A</div></h5>
<h5><div class="mediumturquoise">mediumturquoise 间绿宝石 #48D1CC</div></h5>
<h5><div class="mediumvioletred">mediumvioletred 间紫罗兰色 #C71585</div></h5>
<h5><div class="midnightblue">midnightblue 中灰兰色 #191970</div></h5>
<h5><div class="mintcream">mintcream 薄荷色 #F5FFFA</div></h5>
<h5><div class="mistyrose">mistyrose 浅玫瑰色 #FFE4E1</div></h5>
<h5><div class="moccasin">moccasin 鹿皮色 #FFE4B5</div></h5>
<h5><div class="navajowhite">navajowhite 纳瓦白 #FFDEAD</div></h5>
<h5><div class="navy">navy 海军色 #000080</div></h5>
<h5><div class="oldlace">oldlace 老花色 #FDF5E6</div></h5>
<h5><div class="olive">olive 橄榄色 #808000</div></h5>
<h5><div class="olivedrab">olivedrab 深绿褐色 #6B8E23</div></h5>
<h5><div class="orange">orange 橙色 #FFA500</div></h5>
<h5><div class="orangered">orangered 红橙色 #FF4500</div></h5>
<h5><div class="orchid">orchid 淡紫色 #DA70D6</div></h5>
<h5><div class="palegoldenrod">palegoldenrod 苍麒麟色 #EEE8AA</div></h5>
<h5><div class="palegreen">palegreen 苍绿色 #98FB98</div></h5>
<h5><div class="paleturquoise">paleturquoise 苍宝石绿 #AFEEEE</div></h5>
<h5><div class="palevioletred">palevioletred 苍紫罗兰色 #DB7093</div></h5>
<h5><div class="papayawhip">papayawhip 番木色 #FFEFD5</div></h5>
<h5><div class="peachpuff">peachpuff 桃色 #FFDAB9</div></h5>
<h5><div class="peru">peru 秘鲁色 #CD853F</div></h5>
<h5><div class="pink">pink 粉红色 #FFC0CB</div></h5>
<h5><div class="plum">plum 洋李色 #DDA0DD</div></h5>
<h5><div class="powderblue">powderblue 粉蓝色 #B0E0E6</div></h5>
<h5><div class="purple">purple 紫色 #800080</div></h5>
<h5><div class="red">red 红色 #FF0000</div></h5>
<h5><div class="rosybrown">rosybrown 褐玫瑰红 #BC8F8F</div></h5>
<h5><div class="royalblue">royalblue 皇家蓝 #4169E1</div></h5>
<h5><div class="saddlebrown">saddlebrown 重褐色 #8B4513</div></h5>
<h5><div class="salmon">salmon 鲜肉色 #FA8072</div></h5>
<h5><div class="sandybrown">sandybrown 沙褐色 #F4A460</div></h5>
<h5><div class="seagreen">seagreen 海绿色 #2E8B57</div></h5>
<h5><div class="seashell">seashell 海贝色 #FFF5EE</div></h5>
<h5><div class="sienna">sienna 赭色 #A0522D</div></h5>
<h5><div class="silver">silver 银色 #C0C0C0</div></h5>
<h5><div class="skyblue">skyblue 天蓝色 #87CEEB</div></h5>
<h5><div class="slateblue">slateblue 石蓝色 #6A5ACD</div></h5>
<h5><div class="slategray">slategray 灰石色 #708090</div></h5>
<h5><div class="snow">snow 雪白色 #FFFAFA</div></h5>
<h5><div class="springgreen">springgreen 春绿色 #00FF7F</div></h5>
<h5><div class="steelblue">steelblue 钢兰色 #4682B4</div></h5>
<h5><div class="tan">tan 茶色 #D2B48C</div></h5>
<h5><div class="teal">teal 水鸭色 #008080</div></h5>
<h5><div class="thistle">thistle 蓟色 #D8BFD8</div></h5>
<h5><div class="tomato">tomato 西红柿色 #FF6347</div></h5>
<h5><div class="turquoise">turquoise 青绿色 #40E0D0</div></h5>
<h5><div class="violet">violet 紫罗兰色 #EE82EE</div></h5>
<h5><div class="wheat">wheat 浅黄色 #F5DEB3</div></h5>
<h5><div class="white">white 白色 #FFFFFF</div></h5>
<h5><div class="whitesmoke">whitesmoke 烟白色 #F5F5F5</div></h5>
<h5><div class="yellow">yellow 黄色 #FFFF00</div></h5>
<h5><div class="yellowgreen">yellowgreen 黄绿色 #9ACD32</div></h5>
</div>
</div>
</body>
</html>