css_colorsfull.asp@output=print

W3Schools tutorial..web designing

<tr>
<td width="50%" bgcolor="#F00000">&nbsp;</td>
<td width="25%"><a href="../html/html_colorsmore.asp@color=240">#F00000</a>&nbsp;</td>
<td width="25%"><a href="../html/html_colorsmore.asp@color=240">rgb(240,0,0)</a>&nbsp;</td>
</tr>

<tr>
<td width="50%" bgcolor="#F80000">&nbsp;</td>
<td width="25%"><a href="../html/html_colorsmore.asp@color=248">#F80000</a>&nbsp;</td>
<td width="25%"><a href="../html/html_colorsmore.asp@color=248">rgb(248,0,0)</a>&nbsp;</td>
</tr>

<tr>
<td width="50%" bgcolor="#FF0000">&nbsp;</td>
<td width="25%"><a href="../html/html_colorsmore.asp@color=255">#FF0000</a>&nbsp;</td>
<td width="25%"><a href="../html/html_colorsmore.asp@color=255">rgb(255,0,0)</a>&nbsp;</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">&nbsp;</td>
<td width="35%">RGB(0,0,0)&nbsp;</td>
<td width="20%">#000000&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#080808">&nbsp;</td>
<td width="35%">RGB(8,8,8)&nbsp;</td>
<td width="20%">#080808&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#101010">&nbsp;</td>
<td width="35%">RGB(16,16,16)&nbsp;</td>
<td width="20%">#101010&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#181818">&nbsp;</td>
<td width="35%">RGB(24,24,24)&nbsp;</td>
<td width="20%">#181818&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#202020">&nbsp;</td>
<td width="35%">RGB(32,32,32)&nbsp;</td>
<td width="20%">#202020&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#282828">&nbsp;</td>
<td width="35%">RGB(40,40,40)&nbsp;</td>
<td width="20%">#282828&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#303030">&nbsp;</td>
<td width="35%">RGB(48,48,48)&nbsp;</td>
<td width="20%">#303030&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#383838">&nbsp;</td>
<td width="35%">RGB(56,56,56)&nbsp;</td>
<td width="20%">#383838&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#404040">&nbsp;</td>
<td width="35%">RGB(64,64,64)&nbsp;</td>
<td width="20%">#404040&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#484848">&nbsp;</td>
<td width="35%">RGB(72,72,72)&nbsp;</td>
<td width="20%">#484848&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#505050">&nbsp;</td>
<td width="35%">RGB(80,80,80)&nbsp;</td>
<td width="20%">#505050&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#585858">&nbsp;</td>
<td width="35%">RGB(88,88,88)&nbsp;</td>
<td width="20%">#585858&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#606060">&nbsp;</td>
<td width="35%">RGB(96,96,96)&nbsp;</td>
<td width="20%">#606060&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#686868">&nbsp;</td>
<td width="35%">RGB(104,104,104)&nbsp;</td>
<td width="20%">#686868&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#707070">&nbsp;</td>
<td width="35%">RGB(112,112,112)&nbsp;</td>
<td width="20%">#707070&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#787878">&nbsp;</td>
<td width="35%">RGB(120,120,120)&nbsp;</td>
<td width="20%">#787878&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#808080">&nbsp;</td>
<td width="35%">RGB(128,128,128)&nbsp;</td>
<td width="20%">#808080&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#888888">&nbsp;</td>
<td width="35%">RGB(136,136,136)&nbsp;</td>
<td width="20%">#888888&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#909090">&nbsp;</td>
<td width="35%">RGB(144,144,144)&nbsp;</td>
<td width="20%">#909090&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#989898">&nbsp;</td>
<td width="35%">RGB(152,152,152)&nbsp;</td>
<td width="20%">#989898&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#A0A0A0">&nbsp;</td>
<td width="35%">RGB(160,160,160)&nbsp;</td>
<td width="20%">#A0A0A0&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#A8A8A8">&nbsp;</td>
<td width="35%">RGB(168,168,168)&nbsp;</td>
<td width="20%">#A8A8A8&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#B0B0B0">&nbsp;</td>
<td width="35%">RGB(176,176,176)&nbsp;</td>
<td width="20%">#B0B0B0&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#B8B8B8">&nbsp;</td>
<td width="35%">RGB(184,184,184)&nbsp;</td>
<td width="20%">#B8B8B8&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#C0C0C0">&nbsp;</td>
<td width="35%">RGB(192,192,192)&nbsp;</td>
<td width="20%">#C0C0C0&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#C8C8C8">&nbsp;</td>
<td width="35%">RGB(200,200,200)&nbsp;</td>
<td width="20%">#C8C8C8&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#D0D0D0">&nbsp;</td>
<td width="35%">RGB(208,208,208)&nbsp;</td>
<td width="20%">#D0D0D0&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#D8D8D8">&nbsp;</td>
<td width="35%">RGB(216,216,216)&nbsp;</td>
<td width="20%">#D8D8D8&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#E0E0E0">&nbsp;</td>
<td width="35%">RGB(224,224,224)&nbsp;</td>
<td width="20%">#E0E0E0&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#E8E8E8">&nbsp;</td>
<td width="35%">RGB(232,232,232)&nbsp;</td>
<td width="20%">#E8E8E8&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#F0F0F0">&nbsp;</td>
<td width="35%">RGB(240,240,240)&nbsp;</td>
<td width="20%">#F0F0F0&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#F8F8F8">&nbsp;</td>
<td width="35%">RGB(248,248,248)&nbsp;</td>
<td width="20%">#F8F8F8&nbsp;</td>
</tr>

<tr>
<td width="45%" bgcolor="#FFFFFF">&nbsp;</td>
<td width="35%">RGB(255,255,255)&nbsp;</td>
<td width="20%">#FFFFFF&nbsp;</td>
</tr>

</table>
<br />

<hr />
<a href="css_colors.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="css_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>