HTML - 颜色

迈不过友情╰ 2022-06-02 01:53 202阅读 0赞

http://[blog.csdn.net/pipisorry/article/details/78933397][blog.csdn.net_pipisorry_article_details_78933397]

# HTML颜色的表示    #

HTML 颜色由红色、绿色、蓝色混合而成。

HTML颜色可以通过颜色值或者颜色RGB或者颜色名来引用。

sublime text3自带取色器可以用，右键 > insert color with color picker就可以从color picker取色了。

## 颜色值 ##

HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）。每种颜色的最小值是0（十六进制：\#00）。最大值是255（十六进制：\#FF）。

十六进制值的写法为\#号后跟三个或六个十六进制字符。三位数表示法为：\#RGB，转换为6位数表示为：\#RRGGBB。

如

<table> 
 <tbody> 
  <tr> 
   <th style="width:25%">颜色</th> 
   <th style="width:25%">3位十六进制颜色值</th> 
   <th style="width:25%">6位十六进制颜色值</th> 
   <th>RGB</th> 
  </tr> 
  <tr> 
   <td style="background-color:#000000">&nbsp;</td> 
   <td>#000</td> 
   <td>#000000</td> 
   <td>rgb(0,0,0)</td> 
  </tr> 
 </tbody> 
</table>

这个表格给出了由三种颜色混合而成的具体效果：

<table> 
 <tbody> 
  <tr> 
   <th>颜色(Color)</th> 
   <th>颜色十六进制(Color HEX)</th> 
   <th>颜色RGB(Color RGB)</th> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#000000</td> 
   <td>rgb(0,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#FF0000</td> 
   <td>rgb(255,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#00FF00</td> 
   <td>rgb(0,255,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#0000FF</td> 
   <td>rgb(0,0,255)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#FFFF00</td> 
   <td>rgb(255,255,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#00FFFF</td> 
   <td>rgb(0,255,255)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#FF00FF</td> 
   <td>rgb(255,0,255)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#C0C0C0</td> 
   <td>rgb(192,192,192)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#FFFFFF</td> 
   <td>rgb(255,255,255)</td> 
  </tr> 
 </tbody> 
</table>

## 颜色RGB：透明度 ##

相对于使用rgb(255,255,0)，使用rgba(255,255,0,0.5)可以实现设置颜色透明度的功能，这里的0.5表示透明度，范围0~1。

<p style="background-color:rgba(255,255,0,0.25)">
    通过 rbg 值设置背景颜色

## 颜色名 ##

141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。目前所有浏览器都支持以下颜色名。

![Remark][] : 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击其中一个颜色名称（或一个十六进制值）就可以查看与不同文字颜色搭配的背景颜色。

[某小皮][Link 1]

# 不同颜色的展示    #

## 1600万种不同颜色 ##

三种颜色 红，绿，蓝的组合从0到255，一共有1600万种不同颜色(256 x 256 x 256)。

在下面的颜色表中你会看到不同的结果，从0到255的红色，同时设置绿色和蓝色的值为0,随着红色的值变化，不同的值都显示了不同的颜色。

<table> 
 <tbody> 
  <tr> 
   <th>Red Light</th> 
   <th>Color HEX</th> 
   <th>Color RGB</th> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#000000&nbsp;</td> 
   <td>rgb(0,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#080000</td> 
   <td>rgb(8,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#100000</td> 
   <td>rgb(16,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#180000</td> 
   <td>rgb(24,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#200000</td> 
   <td>rgb(32,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#280000</td> 
   <td>rgb(40,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#300000</td> 
   <td>rgb(48,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#380000</td> 
   <td>rgb(56,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#400000</td> 
   <td>rgb(64,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#480000</td> 
   <td>rgb(72,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#500000</td> 
   <td>rgb(80,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#580000</td> 
   <td>rgb(88,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#600000</td> 
   <td>rgb(96,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#680000</td> 
   <td>rgb(104,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#700000</td> 
   <td>rgb(112,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#780000</td> 
   <td>rgb(120,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#800000</td> 
   <td>rgb(128,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#880000</td> 
   <td>rgb(136,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#900000</td> 
   <td>rgb(144,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#980000</td> 
   <td>rgb(152,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#A00000</td> 
   <td>rgb(160,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#A80000</td> 
   <td>rgb(168,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#B00000</td> 
   <td>rgb(176,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#B80000</td> 
   <td>rgb(184,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#C00000</td> 
   <td>rgb(192,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#C80000</td> 
   <td>rgb(200,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#D00000</td> 
   <td>rgb(208,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#D80000</td> 
   <td>rgb(216,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#E00000</td> 
   <td>rgb(224,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#E80000</td> 
   <td>rgb(232,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#F00000</td> 
   <td>rgb(240,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#F80000</td> 
   <td>rgb(248,0,0)</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#FF0000</td> 
   <td>rgb(255,0,0)</td> 
  </tr> 
 </tbody> 
</table>

灰暗色调：以下展示了灰色到黑色的渐变

<table> 
 <tbody> 
  <tr> 
   <th>Gray Shades</th> 
   <th>Color HEX</th> 
   <th>Color RGB</th> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#000000&nbsp;</td> 
   <td>rgb(0,0,0)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#080808&nbsp;</td> 
   <td>rgb(8,8,8)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#101010&nbsp;</td> 
   <td>rgb(16,16,16)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#181818&nbsp;</td> 
   <td>rgb(24,24,24)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#202020&nbsp;</td> 
   <td>rgb(32,32,32)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#282828&nbsp;</td> 
   <td>rgb(40,40,40)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#303030&nbsp;</td> 
   <td>rgb(48,48,48)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#383838&nbsp;</td> 
   <td>rgb(56,56,56)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#404040&nbsp;</td> 
   <td>rgb(64,64,64)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#484848&nbsp;</td> 
   <td>rgb(72,72,72)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#505050&nbsp;</td> 
   <td>rgb(80,80,80)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#585858&nbsp;</td> 
   <td>rgb(88,88,88)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#606060&nbsp;</td> 
   <td>rgb(96,96,96)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#686868&nbsp;</td> 
   <td>rgb(104,104,104)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#707070&nbsp;</td> 
   <td>rgb(112,112,112)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#787878&nbsp;</td> 
   <td>rgb(120,120,120)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#808080&nbsp;</td> 
   <td>rgb(128,128,128)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#888888&nbsp;</td> 
   <td>rgb(136,136,136)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#909090&nbsp;</td> 
   <td>rgb(144,144,144)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#989898&nbsp;</td> 
   <td>rgb(152,152,152)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#A0A0A0&nbsp;</td> 
   <td>rgb(160,160,160)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#A8A8A8&nbsp;</td> 
   <td>rgb(168,168,168)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#B0B0B0&nbsp;</td> 
   <td>rgb(176,176,176)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#B8B8B8&nbsp;</td> 
   <td>rgb(184,184,184)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#C0C0C0&nbsp;</td> 
   <td>rgb(192,192,192)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#C8C8C8&nbsp;</td> 
   <td>rgb(200,200,200)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#D0D0D0&nbsp;</td> 
   <td>rgb(208,208,208)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#D8D8D8&nbsp;</td> 
   <td>rgb(216,216,216)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#E0E0E0&nbsp;</td> 
   <td>rgb(224,224,224)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#E8E8E8&nbsp;</td> 
   <td>rgb(232,232,232)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#F0F0F0&nbsp;</td> 
   <td>rgb(240,240,240)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#F8F8F8&nbsp;</td> 
   <td>rgb(248,248,248)&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>#FFFFFF&nbsp;</td> 
   <td>rgb(255,255,255)</td> 
  </tr> 
 </tbody> 
</table>

## 按颜色名排序 ##

[按十六进制的值排序][Link 2]

单击一个颜色名或者 16 进制值，就可以查看与不同文字颜色搭配的背景颜色。

<table> 
 <tbody> 
  <tr> 
   <th align="left">Color Name</th> 
   <th align="left">HEX</th> 
   <th align="left">Color</th> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=AliceBlue" rel="nofollow">AliceBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F0F8FF" rel="nofollow">#F0F8FF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=AntiqueWhite" rel="nofollow">AntiqueWhite</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FAEBD7" rel="nofollow">#FAEBD7</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Aqua" rel="nofollow">Aqua</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00FFFF" rel="nofollow">#00FFFF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Aquamarine" rel="nofollow">Aquamarine</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=7FFFD4" rel="nofollow">#7FFFD4</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Azure" rel="nofollow">Azure</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F0FFFF" rel="nofollow">#F0FFFF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Beige" rel="nofollow">Beige</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F5F5DC" rel="nofollow">#F5F5DC</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Bisque" rel="nofollow">Bisque</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFE4C4" rel="nofollow">#FFE4C4</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Black" rel="nofollow">Black</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=000000" rel="nofollow">#000000</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=BlanchedAlmond" rel="nofollow">BlanchedAlmond</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFEBCD" rel="nofollow">#FFEBCD</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Blue" rel="nofollow">Blue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=0000FF" rel="nofollow">#0000FF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=BlueViolet" rel="nofollow">BlueViolet</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=8A2BE2" rel="nofollow">#8A2BE2</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Brown" rel="nofollow">Brown</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=A52A2A" rel="nofollow">#A52A2A</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=BurlyWood" rel="nofollow">BurlyWood</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=DEB887" rel="nofollow">#DEB887</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=CadetBlue" rel="nofollow">CadetBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=5F9EA0" rel="nofollow">#5F9EA0</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Chartreuse" rel="nofollow">Chartreuse</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=7FFF00" rel="nofollow">#7FFF00</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Chocolate" rel="nofollow">Chocolate</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=D2691E" rel="nofollow">#D2691E</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Coral" rel="nofollow">Coral</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF7F50" rel="nofollow">#FF7F50</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=CornflowerBlue" rel="nofollow">CornflowerBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=6495ED" rel="nofollow">#6495ED</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Cornsilk" rel="nofollow">Cornsilk</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFF8DC" rel="nofollow">#FFF8DC</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Crimson" rel="nofollow">Crimson</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=DC143C" rel="nofollow">#DC143C</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Cyan" rel="nofollow">Cyan</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00FFFF" rel="nofollow">#00FFFF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkBlue" rel="nofollow">DarkBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00008B" rel="nofollow">#00008B</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkCyan" rel="nofollow">DarkCyan</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=008B8B" rel="nofollow">#008B8B</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkGoldenRod" rel="nofollow">DarkGoldenRod</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=B8860B" rel="nofollow">#B8860B</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkGray" rel="nofollow">DarkGray</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=A9A9A9" rel="nofollow">#A9A9A9</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkGreen" rel="nofollow">DarkGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=006400" rel="nofollow">#006400</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkKhaki" rel="nofollow">DarkKhaki</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=BDB76B" rel="nofollow">#BDB76B</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkMagenta" rel="nofollow">DarkMagenta</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=8B008B" rel="nofollow">#8B008B</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkOliveGreen" rel="nofollow">DarkOliveGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=556B2F" rel="nofollow">#556B2F</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkOrange" rel="nofollow">DarkOrange</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF8C00" rel="nofollow">#FF8C00</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkOrchid" rel="nofollow">DarkOrchid</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=9932CC" rel="nofollow">#9932CC</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkRed" rel="nofollow">DarkRed</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=8B0000" rel="nofollow">#8B0000</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkSalmon" rel="nofollow">DarkSalmon</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=E9967A" rel="nofollow">#E9967A</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkSeaGreen" rel="nofollow">DarkSeaGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=8FBC8F" rel="nofollow">#8FBC8F</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkSlateBlue" rel="nofollow">DarkSlateBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=483D8B" rel="nofollow">#483D8B</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkSlateGray" rel="nofollow">DarkSlateGray</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=2F4F4F" rel="nofollow">#2F4F4F</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkTurquoise" rel="nofollow">DarkTurquoise</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00CED1" rel="nofollow">#00CED1</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DarkViolet" rel="nofollow">DarkViolet</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=9400D3" rel="nofollow">#9400D3</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DeepPink" rel="nofollow">DeepPink</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF1493" rel="nofollow">#FF1493</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DeepSkyBlue" rel="nofollow">DeepSkyBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00BFFF" rel="nofollow">#00BFFF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DimGray" rel="nofollow">DimGray</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=696969" rel="nofollow">#696969</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=DodgerBlue" rel="nofollow">DodgerBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=1E90FF" rel="nofollow">#1E90FF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=FireBrick" rel="nofollow">FireBrick</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=B22222" rel="nofollow">#B22222</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=FloralWhite" rel="nofollow">FloralWhite</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFFAF0" rel="nofollow">#FFFAF0</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=ForestGreen" rel="nofollow">ForestGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=228B22" rel="nofollow">#228B22</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Fuchsia" rel="nofollow">Fuchsia</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF00FF" rel="nofollow">#FF00FF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Gainsboro" rel="nofollow">Gainsboro</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=DCDCDC" rel="nofollow">#DCDCDC</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=GhostWhite" rel="nofollow">GhostWhite</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F8F8FF" rel="nofollow">#F8F8FF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Gold" rel="nofollow">Gold</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFD700" rel="nofollow">#FFD700</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=GoldenRod" rel="nofollow">GoldenRod</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=DAA520" rel="nofollow">#DAA520</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Gray" rel="nofollow">Gray</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=808080" rel="nofollow">#808080</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Green" rel="nofollow">Green</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=008000" rel="nofollow">#008000</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=GreenYellow" rel="nofollow">GreenYellow</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=ADFF2F" rel="nofollow">#ADFF2F</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=HoneyDew" rel="nofollow">HoneyDew</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F0FFF0" rel="nofollow">#F0FFF0</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=HotPink" rel="nofollow">HotPink</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF69B4" rel="nofollow">#FF69B4</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=IndianRed" rel="nofollow">IndianRed </a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=CD5C5C" rel="nofollow">#CD5C5C</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Indigo" rel="nofollow">Indigo </a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=4B0082" rel="nofollow">#4B0082</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Ivory" rel="nofollow">Ivory</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFFFF0" rel="nofollow">#FFFFF0</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Khaki" rel="nofollow">Khaki</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F0E68C" rel="nofollow">#F0E68C</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Lavender" rel="nofollow">Lavender</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=E6E6FA" rel="nofollow">#E6E6FA</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LavenderBlush" rel="nofollow">LavenderBlush</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFF0F5" rel="nofollow">#FFF0F5</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LawnGreen" rel="nofollow">LawnGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=7CFC00" rel="nofollow">#7CFC00</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LemonChiffon" rel="nofollow">LemonChiffon</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFFACD" rel="nofollow">#FFFACD</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightBlue" rel="nofollow">LightBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=ADD8E6" rel="nofollow">#ADD8E6</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightCoral" rel="nofollow">LightCoral</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F08080" rel="nofollow">#F08080</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightCyan" rel="nofollow">LightCyan</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=E0FFFF" rel="nofollow">#E0FFFF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightGoldenRodYellow" rel="nofollow">LightGoldenRodYellow</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FAFAD2" rel="nofollow">#FAFAD2</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightGray" rel="nofollow">LightGray</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=D3D3D3" rel="nofollow">#D3D3D3</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightGreen" rel="nofollow">LightGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=90EE90" rel="nofollow">#90EE90</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightPink" rel="nofollow">LightPink</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFB6C1" rel="nofollow">#FFB6C1</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightSalmon" rel="nofollow">LightSalmon</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFA07A" rel="nofollow">#FFA07A</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightSeaGreen" rel="nofollow">LightSeaGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=20B2AA" rel="nofollow">#20B2AA</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightSkyBlue" rel="nofollow">LightSkyBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=87CEFA" rel="nofollow">#87CEFA</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightSlateGray" rel="nofollow">LightSlateGray</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=778899" rel="nofollow">#778899</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightSteelBlue" rel="nofollow">LightSteelBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=B0C4DE" rel="nofollow">#B0C4DE</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LightYellow" rel="nofollow">LightYellow</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFFFE0" rel="nofollow">#FFFFE0</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Lime" rel="nofollow">Lime</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00FF00" rel="nofollow">#00FF00</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=LimeGreen" rel="nofollow">LimeGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=32CD32" rel="nofollow">#32CD32</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Linen" rel="nofollow">Linen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FAF0E6" rel="nofollow">#FAF0E6</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Magenta" rel="nofollow">Magenta</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF00FF" rel="nofollow">#FF00FF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Maroon" rel="nofollow">Maroon</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=800000" rel="nofollow">#800000</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumAquaMarine" rel="nofollow">MediumAquaMarine</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=66CDAA" rel="nofollow">#66CDAA</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumBlue" rel="nofollow">MediumBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=0000CD" rel="nofollow">#0000CD</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumOrchid" rel="nofollow">MediumOrchid</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=BA55D3" rel="nofollow">#BA55D3</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumPurple" rel="nofollow">MediumPurple</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=9370DB" rel="nofollow">#9370DB</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumSeaGreen" rel="nofollow">MediumSeaGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=3CB371" rel="nofollow">#3CB371</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumSlateBlue" rel="nofollow">MediumSlateBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=7B68EE" rel="nofollow">#7B68EE</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumSpringGreen" rel="nofollow">MediumSpringGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00FA9A" rel="nofollow">#00FA9A</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumTurquoise" rel="nofollow">MediumTurquoise</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=48D1CC" rel="nofollow">#48D1CC</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MediumVioletRed" rel="nofollow">MediumVioletRed</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=C71585" rel="nofollow">#C71585</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MidnightBlue" rel="nofollow">MidnightBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=191970" rel="nofollow">#191970</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MintCream" rel="nofollow">MintCream</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F5FFFA" rel="nofollow">#F5FFFA</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=MistyRose" rel="nofollow">MistyRose</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFE4E1" rel="nofollow">#FFE4E1</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Moccasin" rel="nofollow">Moccasin</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFE4B5" rel="nofollow">#FFE4B5</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=NavajoWhite" rel="nofollow">NavajoWhite</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFDEAD" rel="nofollow">#FFDEAD</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Navy" rel="nofollow">Navy</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=000080" rel="nofollow">#000080</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=OldLace" rel="nofollow">OldLace</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FDF5E6" rel="nofollow">#FDF5E6</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Olive" rel="nofollow">Olive</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=808000" rel="nofollow">#808000</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=OliveDrab" rel="nofollow">OliveDrab</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=6B8E23" rel="nofollow">#6B8E23</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Orange" rel="nofollow">Orange</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFA500" rel="nofollow">#FFA500</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=OrangeRed" rel="nofollow">OrangeRed</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF4500" rel="nofollow">#FF4500</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Orchid" rel="nofollow">Orchid</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=DA70D6" rel="nofollow">#DA70D6</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=PaleGoldenRod" rel="nofollow">PaleGoldenRod</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=EEE8AA" rel="nofollow">#EEE8AA</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=PaleGreen" rel="nofollow">PaleGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=98FB98" rel="nofollow">#98FB98</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=PaleTurquoise" rel="nofollow">PaleTurquoise</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=AFEEEE" rel="nofollow">#AFEEEE</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=PaleVioletRed" rel="nofollow">PaleVioletRed</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=DB7093" rel="nofollow">#DB7093</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=PapayaWhip" rel="nofollow">PapayaWhip</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFEFD5" rel="nofollow">#FFEFD5</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=PeachPuff" rel="nofollow">PeachPuff</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFDAB9" rel="nofollow">#FFDAB9</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Peru" rel="nofollow">Peru</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=CD853F" rel="nofollow">#CD853F</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Pink" rel="nofollow">Pink</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFC0CB" rel="nofollow">#FFC0CB</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Plum" rel="nofollow">Plum</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=DDA0DD" rel="nofollow">#DDA0DD</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=PowderBlue" rel="nofollow">PowderBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=B0E0E6" rel="nofollow">#B0E0E6</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Purple" rel="nofollow">Purple</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=800080" rel="nofollow">#800080</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Red" rel="nofollow">Red</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF0000" rel="nofollow">#FF0000</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=RosyBrown" rel="nofollow">RosyBrown</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=BC8F8F" rel="nofollow">#BC8F8F</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=RoyalBlue" rel="nofollow">RoyalBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=4169E1" rel="nofollow">#4169E1</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SaddleBrown" rel="nofollow">SaddleBrown</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=8B4513" rel="nofollow">#8B4513</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Salmon" rel="nofollow">Salmon</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FA8072" rel="nofollow">#FA8072</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SandyBrown" rel="nofollow">SandyBrown</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F4A460" rel="nofollow">#F4A460</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SeaGreen" rel="nofollow">SeaGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=2E8B57" rel="nofollow">#2E8B57</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SeaShell" rel="nofollow">SeaShell</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFF5EE" rel="nofollow">#FFF5EE</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Sienna" rel="nofollow">Sienna</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=A0522D" rel="nofollow">#A0522D</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Silver" rel="nofollow">Silver</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=C0C0C0" rel="nofollow">#C0C0C0</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SkyBlue" rel="nofollow">SkyBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=87CEEB" rel="nofollow">#87CEEB</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SlateBlue" rel="nofollow">SlateBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=6A5ACD" rel="nofollow">#6A5ACD</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SlateGray" rel="nofollow">SlateGray</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=708090" rel="nofollow">#708090</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Snow" rel="nofollow">Snow</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFFAFA" rel="nofollow">#FFFAFA</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SpringGreen" rel="nofollow">SpringGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=00FF7F" rel="nofollow">#00FF7F</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=SteelBlue" rel="nofollow">SteelBlue</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=4682B4" rel="nofollow">#4682B4</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Tan" rel="nofollow">Tan</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=D2B48C" rel="nofollow">#D2B48C</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Teal" rel="nofollow">Teal</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=008080" rel="nofollow">#008080</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Thistle" rel="nofollow">Thistle</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=D8BFD8" rel="nofollow">#D8BFD8</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Tomato" rel="nofollow">Tomato</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FF6347" rel="nofollow">#FF6347</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Turquoise" rel="nofollow">Turquoise</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=40E0D0" rel="nofollow">#40E0D0</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Violet" rel="nofollow">Violet</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=EE82EE" rel="nofollow">#EE82EE</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Wheat" rel="nofollow">Wheat</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F5DEB3" rel="nofollow">#F5DEB3</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=White" rel="nofollow">White</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFFFFF" rel="nofollow">#FFFFFF</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=WhiteSmoke" rel="nofollow">WhiteSmoke</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=F5F5F5" rel="nofollow">#F5F5F5</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=Yellow" rel="nofollow">Yellow</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=FFFF00" rel="nofollow">#FFFF00</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?color=YellowGreen" rel="nofollow">YellowGreen</a>&nbsp;</td> 
   <td align="left"><a href="http://www.runoob.com/try/color.php?hex=9ACD32" rel="nofollow">#9ACD32</a></td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

## Web安全色? ##

数年以前，当大多数计算机仅支持 256 种颜色的时候，一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是，微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色（双方大约各使用 20 种）。

我们不确定如今这么做的意义有多大，因为越来越多的计算机有能力处理数百万种颜色，不过做选择还是你自己。最初，216 跨平台 web 安全色被用来确保：当计算机使用 256 色调色板时，所有的计算机能够正确地显示所有的颜色。

\[http://www.runoob.com/html/html-colors.html\]

from: [http://blog.csdn.net/pipisorry/article/details/78933397][blog.csdn.net_pipisorry_article_details_78933397]

ref:

[blog.csdn.net_pipisorry_article_details_78933397]: http://blog.csdn.net/pipisorry/article/details/78933397
[Remark]: /images/20220602/b98cbb7f39804d32af0471fbe17f8a3a.png
[Link 1]: http://my.csdn.net/
[Link 2]: http://www.runoob.com/html/html-colorvalues.html