`

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

    CSS 合法颜色值

    预定义/跨浏览器的颜色名称 十六进制颜色 所有主要浏览器都支持十六进制颜色值。 指定一个十六进制的颜色其组成部分是:#RRGGBB,其中RR(红色),GG(绿色)和BB(蓝色)。所有值必须介于0和FF之间。 &lt;p例如,...

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

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

    css3下颜色名称

    css3下可用颜色名 指定颜色时就不用写#xxxxxx了 直接写颜色名称就行 很好 很强大

    CSS 颜色名称

    147颜色名称定义在HTML和CSS的颜色规格(17个标准色加上130多个其他)。下表列出了所有这些,连同其十六进制值。 提示: 17种标准颜色:浅绿色,黑色,蓝色,紫红色,灰色,灰色,绿色,石灰,栗色,海军,橄榄,紫,红...

    CSS颜色表「CSS Color Chart」-crx插件

    引用所有可以按名称调用的css颜色的工具。 这个小工具可让您浏览所有具有名称值CSS颜色,然后只需单击圆形图块即可将其复制到剪贴板上。 支持语言:English (United States)

    CSSPeeper可视觉化网站CSS样式表

    Hex 值,对于想知道某个页面主要使用那些色系来说非常方便,而且也不太需要去挖掘 CSS 样式表,除了列出数值外,还直接呈现色彩预览,点选后会自动复制颜色代码。如果点开工具的第二个颜色的图标,则可以看到网页的...

    BlackLabsColor:SPM Swift 5.1:将CSS颜色名称和RGB十六进制值转换为UIColor。 UIColor,长度为3、4、6和8个十六进制字符,带或不带#前缀。 UIColor为十六进制。 UIColor扩展,可从十六进制和CSS颜色名称字符串(例如ff0,#f00,ff0000,ff0000ff,Pink,azure,CLEAR,nil)创建不可变的UIColor实例

    BlackLabsColor 将UIColor转换为十六进制,长度... 从CSS颜色名称创建UIColors。 安装 迅捷软件包管理器 如果您使用的是Xcode 11或更高版本: 点击File Swift Packages Add Package Dependency... 输入: : 用法

    在 RGB 和颜色名称之间转换:RGB 到颜色名称。 颜色名称为 RGB。 调色板:CSS、HTML、MATLAB、SVG、X11、xcolor、xkcd、...-matlab开发

    函数 COLORNAMES 接受 RGB 值或颜色名称作为其输入,并从您选择的调色板中返回颜色名称和 RGB 值。 调色板由第一个输入选择,尾随输入是颜色名称或 RGB 值: * 输入 RGB 使用 CIEDE2000、CIE94(默认)、CIE76、...

    crayon:Crayon.css是将颜色名称链接到十六进制值的css变量的列表

    蜡笔Crayon.css是将颜色名称链接到十六进制值的css变量列表,可与postCSS或您喜欢CSS预处理器(即Stylus,Sass或Less)一起使用。 在上了解更多信息。用法安装凉亭蜡笔 bower install crayon

    css入门笔记

    样式声明:用样式属性和值组成(属性:值;) 常用的样式属性: 1.颜色 属性 :color 颜色 取值:颜色英文名 2.背景颜色 属性:background 取值 :颜色 3.设置文字大小 属性:font-size 取 值:数值 px ...

    color-dictionary:带有颜色名称的颜色字典。 147色+丽贝卡紫

    颜色字典是颜色名称、十六进制值和 rgb 值的列表(js 或 css)。 还有一个可用的版本,其中包含列表中的“原因”。 目前有 148 种颜色与您可以在 html/css 中使用的名称相关联。 这些颜色由 17 种基本颜色、130 ...

    HTML 颜色名

    141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124)。下表列出了所有颜色的值,包括十六进制值。 提示: 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白...

    Colorizer:颜色十六进制代码和颜色名称

    此外,它还支持CSS颜色规范,例如以绝对值或百分比值形式的rgb(RR,GG,BB)颜色表示形式,以及诸如hvl(H,V,L)的HVL颜色表示形式。 它在Vim的gui版本中效果最好,但是该插件还支持256和88种颜色的终端,并将...

    CSS 背景

    CSS 背景 CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color background-image background-repeat background-attachment background-position ...background-color 属性定义了...颜色名称

    500种颜色值表.doc

    For details of colour names you can use in your HTML and CSS code, see the section on named colours. (Colours marked with an asterisk* are included in the VGA colour set).

    CSS3中各种颜色属性的使用教程

    rgba 颜色原本 CSS 中的颜色除了可用 16 进位来表示 RGB 颜色值之外,还可以使用预先定义好的颜色名称。而 RGBA 是以 RGB 为基础再加上不透明度的属性。 CSS Code复制内容到剪贴板 rgba(red, green, blue, ...

Global site tag (gtag.js) - Google Analytics