📄 html_colorsfull.asp@output=print
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML Color Values</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<p>From <b>http://www.w3schools.com</b> (Copyright Refsnes Data)</p>
<h1>HTML Color Values</h1>
<a href="html_colors.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="html_colornames.asp"><img border="0" src="../images/btn_next.gif" width="100" height="20" alt="Next" /></a>
<hr />
<p class="intro">Colors are displayed combining RED, GREEN, and BLUE light
sources.
</p>
<hr />
<h2>Color Values
</h2>
<p>HTML colors are defined using a hexadecimal notation for the combination of Red, Green, and Blue
color values (RGB). The lowest value that can be given to one of the light sources is 0 (hex
#00). The highest value is 255 (hex #FF).
</p>
<hr />
<h2>Turn Off the Red</h2>
<p>If you turn off the Red light completely, there are 65536 different
combination of Green and Blue (256 x 256) to experiment with.</p>
<p><a href="html_colorsmore.asp@color=0">Click
here</a> to see some of these combinations of Green and Blue. </p>
<hr />
<h2>Turn On the Red</h2>
<p>By setting the Red parameter to its maximum value, there are still 65536 different
combination of Green and Blue (256 x 256) to experiment with.</p>
<p><a href="html_colorsmore.asp@color=255">Click
here</a> to see some of these combinations of Green and Blue. </p>
<hr />
<h2>16 Million Different Colors</h2>
<p>The combination of Red, Green and Blue values from 0 to 255 gives a total of
more than 16 million different colors to play with (256 x 256 x 256).</p>
<p>Most modern monitors are capable of displaying at least 16384 different
colors.</p>
<p>If you look at the color table below, you will see the result of varying
the red light from 0 to 255, while keeping the green and blue light at zero.</p>
<p>To see a full list of 16384 different colors based on red light varying from
0 to 255, click on one of the hexadecimal or rgb values below.</p>
<table class="ex" cellspacing="0" border="1" width="100%">
<tr>
<th width="60%">Red Light</th>
<th width="20%">HEX</th>
<th width="20%">RGB</th>
</tr>
<tr>
<td bgcolor="#000000"> </td>
<td><a href="html_colorsmore.asp@color=0">#000000</a> </td>
<td><a href="html_colorsmore.asp@color=0">rgb(0,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#080000"> </td>
<td><a href="html_colorsmore.asp@color=8">#080000</a> </td>
<td><a href="html_colorsmore.asp@color=8">rgb(8,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#100000"> </td>
<td><a href="html_colorsmore.asp@color=16">#100000</a> </td>
<td><a href="html_colorsmore.asp@color=16">rgb(16,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#180000"> </td>
<td><a href="html_colorsmore.asp@color=24">#180000</a> </td>
<td><a href="html_colorsmore.asp@color=24">rgb(24,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#200000"> </td>
<td><a href="html_colorsmore.asp@color=32">#200000</a> </td>
<td><a href="html_colorsmore.asp@color=32">rgb(32,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#280000"> </td>
<td><a href="html_colorsmore.asp@color=40">#280000</a> </td>
<td><a href="html_colorsmore.asp@color=40">rgb(40,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#300000"> </td>
<td><a href="html_colorsmore.asp@color=48">#300000</a> </td>
<td><a href="html_colorsmore.asp@color=48">rgb(48,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#380000"> </td>
<td><a href="html_colorsmore.asp@color=56">#380000</a> </td>
<td><a href="html_colorsmore.asp@color=56">rgb(56,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#400000"> </td>
<td><a href="html_colorsmore.asp@color=64">#400000</a> </td>
<td><a href="html_colorsmore.asp@color=64">rgb(64,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#480000"> </td>
<td><a href="html_colorsmore.asp@color=72">#480000</a> </td>
<td><a href="html_colorsmore.asp@color=72">rgb(72,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#500000"> </td>
<td><a href="html_colorsmore.asp@color=80">#500000</a> </td>
<td><a href="html_colorsmore.asp@color=80">rgb(80,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#580000"> </td>
<td><a href="html_colorsmore.asp@color=88">#580000</a> </td>
<td><a href="html_colorsmore.asp@color=88">rgb(88,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#600000"> </td>
<td><a href="html_colorsmore.asp@color=96">#600000</a> </td>
<td><a href="html_colorsmore.asp@color=96">rgb(96,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#680000"> </td>
<td><a href="html_colorsmore.asp@color=104">#680000</a> </td>
<td><a href="html_colorsmore.asp@color=104">rgb(104,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#700000"> </td>
<td><a href="html_colorsmore.asp@color=112">#700000</a> </td>
<td><a href="html_colorsmore.asp@color=112">rgb(112,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#780000"> </td>
<td><a href="html_colorsmore.asp@color=120">#780000</a> </td>
<td><a href="html_colorsmore.asp@color=120">rgb(120,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#800000"> </td>
<td><a href="html_colorsmore.asp@color=128">#800000</a> </td>
<td><a href="html_colorsmore.asp@color=128">rgb(128,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#880000"> </td>
<td><a href="html_colorsmore.asp@color=136">#880000</a> </td>
<td><a href="html_colorsmore.asp@color=136">rgb(136,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#900000"> </td>
<td><a href="html_colorsmore.asp@color=144">#900000</a> </td>
<td><a href="html_colorsmore.asp@color=144">rgb(144,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#980000"> </td>
<td><a href="html_colorsmore.asp@color=152">#980000</a> </td>
<td><a href="html_colorsmore.asp@color=152">rgb(152,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#A00000"> </td>
<td><a href="html_colorsmore.asp@color=160">#A00000</a> </td>
<td><a href="html_colorsmore.asp@color=160">rgb(160,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#A80000"> </td>
<td><a href="html_colorsmore.asp@color=168">#A80000</a> </td>
<td><a href="html_colorsmore.asp@color=168">rgb(168,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#B00000"> </td>
<td><a href="html_colorsmore.asp@color=176">#B00000</a> </td>
<td><a href="html_colorsmore.asp@color=176">rgb(176,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#B80000"> </td>
<td><a href="html_colorsmore.asp@color=184">#B80000</a> </td>
<td><a href="html_colorsmore.asp@color=184">rgb(184,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#C00000"> </td>
<td><a href="html_colorsmore.asp@color=192">#C00000</a> </td>
<td><a href="html_colorsmore.asp@color=192">rgb(192,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#C80000"> </td>
<td><a href="html_colorsmore.asp@color=200">#C80000</a> </td>
<td><a href="html_colorsmore.asp@color=200">rgb(200,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#D00000"> </td>
<td><a href="html_colorsmore.asp@color=208">#D00000</a> </td>
<td><a href="html_colorsmore.asp@color=208">rgb(208,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#D80000"> </td>
<td><a href="html_colorsmore.asp@color=216">#D80000</a> </td>
<td><a href="html_colorsmore.asp@color=216">rgb(216,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#E00000"> </td>
<td><a href="html_colorsmore.asp@color=224">#E00000</a> </td>
<td><a href="html_colorsmore.asp@color=224">rgb(224,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#E80000"> </td>
<td><a href="html_colorsmore.asp@color=232">#E80000</a> </td>
<td><a href="html_colorsmore.asp@color=232">rgb(232,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#F00000"> </td>
<td><a href="html_colorsmore.asp@color=240">#F00000</a> </td>
<td><a href="html_colorsmore.asp@color=240">rgb(240,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#F80000"> </td>
<td><a href="html_colorsmore.asp@color=248">#F80000</a> </td>
<td><a href="html_colorsmore.asp@color=248">rgb(248,0,0)</a> </td>
</tr>
<tr>
<td bgcolor="#FF0000"> </td>
<td><a href="html_colorsmore.asp@color=255">#FF0000</a> </td>
<td><a href="html_colorsmore.asp@color=255">rgb(255,0,0)</a> </td>
</tr>
</table>
<br />
<hr />
<h2>Shades of Gray</h2>
<p>Gray colors are displayed using an equal amount of power to all of the light
sources. To make it easier for you to select the right gray color we have
compiled a table of gray shades for you:</p>
<table class="ex" cellspacing="0" width="100%" border="1">
<tr>
<td width="45%" bgcolor="#000000"> </td>
<td width="35%">RGB(0,0,0) </td>
<td width="20%">#000000 </td>
</tr>
<tr>
<td width="45%" bgcolor="#080808"> </td>
<td width="35%">RGB(8,8,8) </td>
<td width="20%">#080808 </td>
</tr>
<tr>
<td width="45%" bgcolor="#101010"> </td>
<td width="35%">RGB(16,16,16) </td>
<td width="20%">#101010 </td>
</tr>
<tr>
<td width="45%" bgcolor="#181818"> </td>
<td width="35%">RGB(24,24,24) </td>
<td width="20%">#181818 </td>
</tr>
<tr>
<td width="45%" bgcolor="#202020"> </td>
<td width="35%">RGB(32,32,32) </td>
<td width="20%">#202020 </td>
</tr>
<tr>
<td width="45%" bgcolor="#282828"> </td>
<td width="35%">RGB(40,40,40) </td>
<td width="20%">#282828 </td>
</tr>
<tr>
<td width="45%" bgcolor="#303030"> </td>
<td width="35%">RGB(48,48,48) </td>
<td width="20%">#303030 </td>
</tr>
<tr>
<td width="45%" bgcolor="#383838"> </td>
<td width="35%">RGB(56,56,56) </td>
<td width="20%">#383838 </td>
</tr>
<tr>
<td width="45%" bgcolor="#404040"> </td>
<td width="35%">RGB(64,64,64) </td>
<td width="20%">#404040 </td>
</tr>
<tr>
<td width="45%" bgcolor="#484848"> </td>
<td width="35%">RGB(72,72,72) </td>
<td width="20%">#484848 </td>
</tr>
<tr>
<td width="45%" bgcolor="#505050"> </td>
<td width="35%">RGB(80,80,80) </td>
<td width="20%">#505050 </td>
</tr>
<tr>
<td width="45%" bgcolor="#585858"> </td>
<td width="35%">RGB(88,88,88) </td>
<td width="20%">#585858 </td>
</tr>
<tr>
<td width="45%" bgcolor="#606060"> </td>
<td width="35%">RGB(96,96,96) </td>
<td width="20%">#606060 </td>
</tr>
<tr>
<td width="45%" bgcolor="#686868"> </td>
<td width="35%">RGB(104,104,104) </td>
<td width="20%">#686868 </td>
</tr>
<tr>
<td width="45%" bgcolor="#707070"> </td>
<td width="35%">RGB(112,112,112) </td>
<td width="20%">#707070 </td>
</tr>
<tr>
<td width="45%" bgcolor="#787878"> </td>
<td width="35%">RGB(120,120,120) </td>
<td width="20%">#787878 </td>
</tr>
<tr>
<td width="45%" bgcolor="#808080"> </td>
<td width="35%">RGB(128,128,128) </td>
<td width="20%">#808080 </td>
</tr>
<tr>
<td width="45%" bgcolor="#888888"> </td>
<td width="35%">RGB(136,136,136) </td>
<td width="20%">#888888 </td>
</tr>
<tr>
<td width="45%" bgcolor="#909090"> </td>
<td width="35%">RGB(144,144,144) </td>
<td width="20%">#909090 </td>
</tr>
<tr>
<td width="45%" bgcolor="#989898"> </td>
<td width="35%">RGB(152,152,152) </td>
<td width="20%">#989898 </td>
</tr>
<tr>
<td width="45%" bgcolor="#A0A0A0"> </td>
<td width="35%">RGB(160,160,160) </td>
<td width="20%">#A0A0A0 </td>
</tr>
<tr>
<td width="45%" bgcolor="#A8A8A8"> </td>
<td width="35%">RGB(168,168,168) </td>
<td width="20%">#A8A8A8 </td>
</tr>
<tr>
<td width="45%" bgcolor="#B0B0B0"> </td>
<td width="35%">RGB(176,176,176) </td>
<td width="20%">#B0B0B0 </td>
</tr>
<tr>
<td width="45%" bgcolor="#B8B8B8"> </td>
<td width="35%">RGB(184,184,184) </td>
<td width="20%">#B8B8B8 </td>
</tr>
<tr>
<td width="45%" bgcolor="#C0C0C0"> </td>
<td width="35%">RGB(192,192,192) </td>
<td width="20%">#C0C0C0 </td>
</tr>
<tr>
<td width="45%" bgcolor="#C8C8C8"> </td>
<td width="35%">RGB(200,200,200) </td>
<td width="20%">#C8C8C8 </td>
</tr>
<tr>
<td width="45%" bgcolor="#D0D0D0"> </td>
<td width="35%">RGB(208,208,208) </td>
<td width="20%">#D0D0D0 </td>
</tr>
<tr>
<td width="45%" bgcolor="#D8D8D8"> </td>
<td width="35%">RGB(216,216,216) </td>
<td width="20%">#D8D8D8 </td>
</tr>
<tr>
<td width="45%" bgcolor="#E0E0E0"> </td>
<td width="35%">RGB(224,224,224) </td>
<td width="20%">#E0E0E0 </td>
</tr>
<tr>
<td width="45%" bgcolor="#E8E8E8"> </td>
<td width="35%">RGB(232,232,232) </td>
<td width="20%">#E8E8E8 </td>
</tr>
<tr>
<td width="45%" bgcolor="#F0F0F0"> </td>
<td width="35%">RGB(240,240,240) </td>
<td width="20%">#F0F0F0 </td>
</tr>
<tr>
<td width="45%" bgcolor="#F8F8F8"> </td>
<td width="35%">RGB(248,248,248) </td>
<td width="20%">#F8F8F8 </td>
</tr>
<tr>
<td width="45%" bgcolor="#FFFFFF"> </td>
<td width="35%">RGB(255,255,255) </td>
<td width="20%">#FFFFFF </td>
</tr>
</table>
<br />
<hr />
<a href="html_colors.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="html_colornames.asp"><img border="0" src="../images/btn_next.gif" width="100" height="20" alt="Next" /></a>
<p>From <b>http://www.w3schools.com</b> (Copyright Refsnes Data)</p>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -