`

CSS颜色名称和值

CSS 
阅读更多

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>
0
0
分享到:
评论

相关推荐

    css颜色对照表

    ### CSS颜色对照表详解 #### 一、引言 在Web开发中,色彩的应用对于网站的整体视觉效果至关重要。CSS(层叠样式表)为开发者提供了丰富的颜色定义方式,包括十六...希望本文能够帮助您更好地理解和运用CSS颜色值。

    全面了解CSS内置颜色(color)值

    在CSS(层叠样式表)中,颜色值是用于定义元素外观的重要部分,尤其是在文本颜色和背景颜色的设定上...通过结合使用颜色名称、RGB值和十六进制代码,以及调整色度,可以创建出无数种独特的颜色组合,满足各种设计需求。

    css颜色选择器

    CSS 颜色选取器允许您将 CSS 颜色值插入 CSS ... 它包括标准的调色板的颜色和使用标准颜色的名称、哈希代码、RGB、RGBA、HSL 和 HSLA 颜色值,并显示最近使用的颜色的列表。 默认情况下,颜色选取器将输入十六进制值。

    css 颜色色值

    ### CSS颜色值详解 在网页设计与开发过程中,颜色的选择对于提升用户体验至关重要。CSS(层叠样式表)作为网页布局的重要组成部分,提供了多种方式来指定颜色。本文将详细介绍CSS中的颜色表示方法及其应用实例。 #...

    CSS颜色代码

    本文将深入探讨“CSS颜色代码”这一主题,旨在帮助开发者更好地理解和应用各种颜色表示方法。 标题中的“CSS颜色代码”是指在CSS中设置元素颜色的方式。CSS提供了多种方式来指定颜色,包括颜色名称、十六进制值、...

    CSS常用颜色以及对应的值

    CSS支持多种颜色表示方式,包括颜色名称、十六进制值、RGB、RGBA、HSL、HSLA等。本篇文章将重点介绍CSS中的一些常用颜色及其对应的值。 颜色名称是最直观的方式,例如`red`、`blue`、`green`等,它们对应的颜色是预...

    CSS颜色代码大全

    CSS(层叠样式表)作为网页样式定义的标准语言,提供了丰富的颜色选择方式,包括十六进制颜色代码、RGB/RGBA颜色值、HSL/HSLA颜色值以及预定义的颜色名称等。本文将主要围绕十六进制颜色代码展开讨论,并通过给定的...

    css颜色代码

    在CSS中,颜色可以使用多种方式表示,包括颜色名称、十六进制代码、RGB、RGBA、HSL、HSLA以及透明度值。本文将详细介绍如何使用这些方法来获取和使用CSS颜色代码。 首先,"取色器"是一个工具,它可以帮助我们从屏幕...

    经典css颜色对照表

    颜色对照表通常会以表格形式展示,每一行代表一种颜色,包括其名称、十六进制值、RGB值、RGBA值、HSL值和HSLA值,有时还会显示颜色的预览。这样的资源对于快速查找和比较颜色非常有用,特别是在需要保持色彩一致性或...

    CSS或HTML 颜色汇总

    在网页设计中,CSS(层叠样式表)和HTML(超文本标记语言)是构建页面布局和样式的基石。颜色是任何设计元素中至关重要的一部分...通过灵活运用各种颜色模式、值和操作,我们可以创造出丰富多彩、引人入胜的网页设计。

    CSS颜色大全

    文档《css颜色代码大全_很实用哦.doc》应该包含了各种颜色表示方法的实际示例和使用技巧,可以帮助你更深入地理解和运用CSS颜色。 总的来说,理解并熟练运用CSS颜色是提升网页设计和开发技能的关键一步。通过不断...

    css颜色代码,css颜色样式

    CSS提供了多种方式来定义颜色,包括十六进制值、RGB/RGBA值、HSL/HSLA值以及预定义颜色名称等。不同的表示方法各有优势,可以根据具体的设计需求和个人喜好选择最适合的方式。掌握这些颜色表示方法对于进行高效、...

    CSS背景颜色例子

    `color`可以是预定义的颜色名称(如`red`, `blue`),十六进制值(如`#FF0000`),RGB值(如`rgb(255, 0, 0)`),或者RGBA值(添加透明度,如`rgba(255, 0, 0, 0.5)`)。 2. 跨元素背景颜色 如果你想让多个连续的...

    css样式中控制颜色与html对应的颜色对照表

    CSS提供了多种方式来指定颜色,包括颜色名称、十六进制值、RGB、RGBA、HSL和HSLA等。以下是对这些颜色表示方法的详细解释: 1. **颜色名称**:CSS定义了一组预定义的颜色名称,如`red`、`blue`和`green`等。直接...

    颜色表,颜色名称对应颜色值

    在 HTML 页面中可以两种方式指定颜色──以颜色名称或者表示 RGB 颜色值的数字。一个 RGB 颜色值由三个两位十六进制数字组成,分别代表各自的颜色强度。 例如,颜色值 #FF0000 之所以被渲染为红色,是因为红色的值...

    第14章 CSS颜色与度量单位

    本章将深入探讨“CSS颜色与度量单位”这一重要主题,这对于我们理解和创建美观、响应式的网页至关重要。 首先,我们要理解CSS中的颜色表示方法。颜色可以使用多种方式来定义,包括: 1. 名称:CSS预定义了一些常见...

    swift-CSS3ColorsSwift提供一个包含CSS3颜色命名的UIColor扩展

    CSS3ColorsSwift库的实现原理通常是通过创建一个枚举,该枚举的每一个成员对应一个CSS3的颜色名称,并且与相应的色彩值关联。当开发者调用这个枚举的某个成员时,库会自动将颜色名称解析为对应的色彩值,然后创建一...

    CSS3颜色表单,我珍藏的给大家了

    3. **预定义颜色值**:CSS3还提供了一系列预定义的颜色名称,如`red`, `blue`, `green`等,方便快速使用常见颜色。 4. **十六进制颜色**:使用六位数的十六进制代码表示颜色,例如`#FF0000`代表红色。如果需要指定...

Global site tag (gtag.js) - Google Analytics