Shades of Gray : Color « Reference « HTML / CSS






  1. HTML / CSS
  2. Reference
  3. Color

Shades of Gray

 

<html>
<body>

<h2>Shades of Gray</h2>

<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>


</body>
</html>








Related examples in the same category

1.Color Names: 140 color names are listed alphabetically.
2.The Web Palette
3.HTML Color Names
4.CSS Color Chart: Gray Scale
5.Colors Sorted Alphabetically
6.Fixed Red value: #FF
7.Fixed Red value: #00
8.Colors are displayed combining: RED, GREEN, and BLUE light sources
9.CSS Color Chart: Pure Colors
10.CSS Color Chart: Mixture of Red and Green
11.CSS Color Chart: Mixtures of Blue and Red
12.CSS Color Chart: Mixtures of Blue and Green
13.CSS Color Chart:Mixtures of Red, Blue, and Green
14.A table of color names that are supported by most browsers
15.Cross Platform Colors
16.Color Names List
17.CSS2.1 colors and their corresponding decimal, percentage, and hexadecimal values.
18.color constant name