CSS颜色代码颜色值颜色名字大全

深碍√TFBOYSˉ_ 2022-06-01 01:12 353阅读 0赞

## 颜色值 ##

CSS 颜色使用组合了红绿蓝颜色值 (RGB) 的十六进制 (hex) 表示法进行定义。对光源进行设置的最低值可以是 0（十六进制 00）。最高值是 255（十六进制 FF）。从 0 到 255 种红绿蓝值能够组合出总共超过一千六百万种不同的颜色（根据 256 x 256 x 256 计算）。  
十六进制值使用三个双位数来编写，并以 \# 符号开头。如下：

<table style="border-color:silver; word-break:break-word"> 
 <tbody> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> FFFFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #DDDDDD</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #AAAAAA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #888888</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #666666</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #444444</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #000000</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFB7DD</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF88C2</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF44AA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF0088</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #C10066</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #A20055</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #8C0044</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFCCCC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF8888</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF3333</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF0000</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CC0000</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #AA0000</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #880000</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFC8B4</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFA488</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF7744</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF5511</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #E63F00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #C63300</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #A42D00</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFDDAA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFBB66</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFAA33</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF8800</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #EE7700</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CC6600</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #BB5500</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFEE99</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFDD55</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFCC22</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFBB00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #DDAA00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #AA7700</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #886600</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFFFBB</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFFF77</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFFF33</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFFF00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #EEEE00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #BBBB00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #888800</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #EEFFBB</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #DDFF77</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CCFF33</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #BBFF00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #99DD00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #88AA00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #668800</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CCFF99</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #BBFF66</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #99FF33</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #77FF00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #66DD00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #55AA00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #227700</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #99FF99</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #66FF66</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #33FF33</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00FF00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00DD00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00AA00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #008800</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #BBFFEE</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #77FFCC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #33FFAA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00FF99</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00DD77</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00AA55</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #008844</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #AAFFEE</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #77FFEE</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #33FFDD</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00FFCC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00DDAA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00AA88</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #008866</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #99FFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #66FFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #33FFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00FFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00DDDD</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00AAAA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #008888</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CCEEFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #77DDFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #33CCFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #00BBFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #009FCC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #0088A8</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #007799</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CCDDFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #99BBFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #5599FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #0066FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #0044BB</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #003C9D</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #003377</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CCCCFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #9999FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #5555FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #0000FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #0000CC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #0000AA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #000088</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CCBBFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #9F88FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #7744FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #5500FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #4400CC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #2200AA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #220088</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #D1BBFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #B088FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #9955FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #7700FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #5500DD</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #4400B3</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #3A0088</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #E8CCFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #D28EFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #B94FFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #9900FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #7700BB</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #66009D</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #550088</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #F0BBFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #E38EFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #E93EFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CC00FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #A500CC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #7A0099</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #660077</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FFB3FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF77FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF3EFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #FF0 0FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #CC00CC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #990099</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> #770077</td> 
 </tr> 
 </tbody> 
</table>

###  桃紅~紛紅 ###

###  紫 ###

###  褐~橘~米白 ###

<table style="border-color:silver; word-break:break-word"> 
 <tbody> 
 <tr> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp; 顏色名稱</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp;代碼</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px"> 顏色 </th> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">saddlebrown</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#8B4513</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">sienna</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#A0522D</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">chocolate</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#D2691E</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">indianred</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#CD5C5C</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">rosybrown</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#BC8F8F</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightcorol</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F08080</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">salmon</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FA8072</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightsalmon</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFA07A</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">orangered</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FF4500</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">to<a href="http://flyjj.com/" style="color:rgb(73,73,73); font-family:Arial,Helvetica,sans-serif; line-height:normal" rel="nofollow">m</a>ato</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FF6347</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">coral</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FF7F50</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkorange</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FF8C00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">sandybrown</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F4A460</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">peru</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#CD853F</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">tan</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#D2B48C</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">burlywood</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#DEB887</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">wheat</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F5DEB3</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">moccasin</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFE4B5</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">navajowhite</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFDEAD</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">peachpuff</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFDAB9</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">bisque</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFE4C4</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">antuquewhite</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FAEBD7</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">papayawhip</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFEFD5</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">cornsilk</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFF8DC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">oldlace</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FDF5E6</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">linen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FAF0E6</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">seashell</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFF5EE</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">snow</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFFAFA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">floralwhite</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFFAF0</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">ivory</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFFFF0</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">mintcream</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F5FFFA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 </tbody> 
</table>

###  金~黃 ###

###  ~黃  綠 ###

<table style="border-color:silver; word-break:break-word"> 
 <tbody> 
 <tr> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp;&nbsp;顏色名稱</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp;代碼</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px"> 顏色 </th> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkslategray</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#2F4F4F</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkolivegreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#556B2F</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">olive</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#808000</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkgreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#006400</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">forestgreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#228B22</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">seagreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#2E8B57</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">green(teal)</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#008080</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightseagreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#20B2AA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">madiumaquamarine</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#66CDAA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">mediumseagreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#3CB371</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkseagreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#8FBC8F</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">yellowgreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#9ACD32</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">limegreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#32CD32</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lime</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#00FF00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">chartreuse</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#7FFF00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lawngreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#7CFC00</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">greenyellow</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#ADFF2F</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">mediumspringgreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#00FA9A</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">springgreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#00FF7F</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightgreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#90EE90</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">palegreen</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#98F898</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">aquamarine</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#7FFFD4</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">honeydew</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F0FFF0</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 </tbody> 
</table>

###  藍 ###

<table style="border-color:silver; word-break:break-word"> 
 <tbody> 
 <tr> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp;&nbsp;顏色名稱</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp;代碼</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px"> 顏色 </th> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">midnightblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#191970</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">navy</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#000080</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#00008B</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkslateblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#483D8B</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">mediumblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#0000CD</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">royalblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#4169E1</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">dodgerblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#1E90FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">cornflowerblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#6495ED</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">deepskyblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#00BFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightskyblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#87CEFA</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightsteelblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#B0C4DE</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#ADD8E6</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">steelblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#4682B4</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkcyan</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#008B8B</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">cadetblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#5F9EA0</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkturquoise</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#00CED1</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">mediumturquoise</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#48D1CC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">turquoise</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#40E0D0</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">skyblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#87CECB</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">powderblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#B0E0E6</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">paleturquoise</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#AFEEEE</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightcyan</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#E0FFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">azure</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F0FFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">aliceblue</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F0F8FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">aqua(cyan)</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#00FFFF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 </tbody> 
</table>

###  黑~灰~白 ###

<table style="border-color:silver; word-break:break-word"> 
 <tbody> 
 <tr> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp;&nbsp;顏色名稱</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px; text-align:left"> &nbsp; &nbsp;代碼</th> 
 <th style="border-color:silver; border-collapse:collapse; padding:3px"> 顏色 </th> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">black</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#000000</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">dimgray</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#696969</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">gray</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#808080</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">slategray</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#708090</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightslategray</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#778899</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">darkgray</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#A9A9A9</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">silver</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#C0C0C0</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">lightgray</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#D3D3D3</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">gainsboro</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#DCDCDC</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">whitesmoke</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F5F5F5</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">ghostwhite</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#F8F8FF</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px"> &nbsp;</td> 
 </tr> 
 <tr> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">white</td> 
 <td style="border-color:silver; border-collapse:collapse; padding:3px">#FFFFFF</td> 
 </tr> 
 </tbody> 
</table>