手工给自己网站添加一个设计常用颜色代码表页面

做网站经常会遇到前端美化的活，这种时候就需要用到颜色代码表，但是这种表格谁也不至于总是记住地址，以前经常在需要的时候就去百度搜索颜色代码表，后来想了一下，不如在自己网站添加一个颜色代码表页面算了，这样用的时候可以省事一点。

方法其实也很简单，我们的wordpress 不是有添加页面的功能吗？那么我们新建一个页面，然后切换到文本模式，把这个颜色代码表的源代码复制粘贴到里面就可以了。

<div><strong>设计/制作HTML时，所需要的CSS常用颜色汇总</strong></div>
<table id="table_tackcolor">
<tbody>
<tr>
<td>黑色</td>
<td>银色</td>
<td>灰色</td>
<td>白色</td>
<td>茶色</td>
<td>红色</td>
<td>紫色</td>
<td>紫红</td>
</tr>
<tr>
<td>black</td>
<td>silver</td>
<td>gray</td>
<td>white</td>
<td>maroon</td>
<td>red</td>
<td>purple</td>
<td>fuchsia</td>
</tr>
<tr class="color_000">
<td bgcolor="black">#000000</td>
<td bgcolor="silver">#C0C0C0</td>
<td bgcolor="gray">#808080</td>
<td bgcolor="white">#FFFFFF</td>
<td bgcolor="maroon">#800000</td>
<td bgcolor="red">#FF0000</td>
<td bgcolor="purple">#800080</td>
<td bgcolor="fuchsia">#FF00FF</td>
</tr>
<tr>
<td>绿色</td>
<td>亮绿</td>
<td>橄榄</td>
<td>黄色</td>
<td>深蓝</td>
<td>蓝色</td>
<td>青色</td>
<td>浅绿</td>
</tr>
<tr>
<td>green</td>
<td>lime</td>
<td>olive</td>
<td>yellow</td>
<td>navy</td>
<td>blue</td>
<td>teal</td>
<td>aqua</td>
</tr>
<tr class="color_000">
<td bgcolor="green">#008000</td>
<td bgcolor="lime">#00FF00</td>
<td bgcolor="olive">#808000</td>
<td bgcolor="yellow">#FFFF00</td>
<td bgcolor="navy">#000080</td>
<td bgcolor="blue">#0000FF</td>
<td bgcolor="teal">#008080</td>
<td bgcolor="aqua">#00FFFF</td>
</tr>
</tbody>
</table>
<strong>CSS颜色代码大全</strong>
<div id="cnblogs_post_body">
<table border="0">
<tbody>
<tr>
<td bgcolor="#ffffff" width="95" height="30">FFFFFF</td>
<td bgcolor="#dddddd" width="95" height="30">#DDDDDD</td>
<td bgcolor="#aaaaaa" width="95" height="30">#AAAAAA</td>
<td bgcolor="#888888" width="95" height="30">#888888</td>
<td bgcolor="#666666" width="95" height="30">#666666</td>
<td bgcolor="#444444" width="95" height="30">#444444</td>
<td bgcolor="#000000" width="95" height="30">#000000</td>
</tr>
<tr>
<td bgcolor="#ffb7dd" width="95" height="30">#FFB7DD</td>
<td bgcolor="#ff88c2" width="95" height="30">#FF88C2</td>
<td bgcolor="#ff44aa" width="95" height="30">#FF44AA</td>
<td bgcolor="#ff0088" width="95" height="30">#FF0088</td>
<td bgcolor="#c10066" width="95" height="30">#C10066</td>
<td bgcolor="#a20055" width="95" height="30">#A20055</td>
<td bgcolor="#8c0044" width="95" height="30">#8C0044</td>
</tr>
<tr>
<td bgcolor="#ffcccc" width="95" height="30">#FFCCCC</td>
<td bgcolor="#ff8888" width="95" height="30">#FF8888</td>
<td bgcolor="#ff3333" width="95" height="30">#FF3333</td>
<td bgcolor="#ff0000" width="95" height="30">#FF0000</td>
<td bgcolor="#cc0000" width="95" height="30">#CC0000</td>
<td bgcolor="#aa0000" width="95" height="30">#AA0000</td>
<td bgcolor="#880000" width="95" height="30">#880000</td>
</tr>
<tr>
<td bgcolor="#ffc8b4" width="95" height="30">#FFC8B4</td>
<td bgcolor="#ffa488" width="95" height="30">#FFA488</td>
<td bgcolor="#ff7744" width="95" height="30">#FF7744</td>
<td bgcolor="#ff5511" width="95" height="30">#FF5511</td>
<td bgcolor="#e63f00" width="95" height="30">#E63F00</td>
<td bgcolor="#c63300" width="95" height="30">#C63300</td>
<td bgcolor="#a42d00" width="95" height="30">#A42D00</td>
</tr>
<tr>
<td bgcolor="#ffddaa" width="95" height="30">#FFDDAA</td>
<td bgcolor="#ffbb66" width="95" height="30">#FFBB66</td>
<td bgcolor="#ffaa33" width="95" height="30">#FFAA33</td>
<td bgcolor="#ff8800" width="95" height="30">#FF8800</td>
<td bgcolor="#ee7700" width="95" height="30">#EE7700</td>
<td bgcolor="#cc6600" width="95" height="30">#CC6600</td>
<td bgcolor="#bb5500" width="95" height="30">#BB5500</td>
</tr>
<tr>
<td bgcolor="#ffee99" width="95" height="30">#FFEE99</td>
<td bgcolor="#ffdd55" width="95" height="30">#FFDD55</td>
<td bgcolor="#ffcc22" width="95" height="30">#FFCC22</td>
<td bgcolor="#ffbb00" width="95" height="30">#FFBB00</td>
<td bgcolor="#ddaa00" width="95" height="30">#DDAA00</td>
<td bgcolor="#aa7700" width="95" height="30">#AA7700</td>
<td bgcolor="#886600" width="95" height="30">#886600</td>
</tr>
<tr>
<td bgcolor="#ffffbb" width="95" height="30">#FFFFBB</td>
<td bgcolor="#ffff77" width="95" height="30">#FFFF77</td>
<td bgcolor="#ffff33" width="95" height="30">#FFFF33</td>
<td bgcolor="#ffff00" width="95" height="30">#FFFF00</td>
<td bgcolor="#eeee00" width="95" height="30">#EEEE00</td>
<td bgcolor="#bbbb00" width="95" height="30">#BBBB00</td>
<td bgcolor="#888800" width="95" height="30">#888800</td>
</tr>
<tr>
<td bgcolor="#eeffbb" width="95" height="30">#EEFFBB</td>
<td bgcolor="#ddff77" width="95" height="30">#DDFF77</td>
<td bgcolor="#ccff33" width="95" height="30">#CCFF33</td>
<td bgcolor="#bbff00" width="95" height="30">#BBFF00</td>
<td bgcolor="#99dd00" width="95" height="30">#99DD00</td>
<td bgcolor="#88aa00" width="95" height="30">#88AA00</td>
<td bgcolor="#668800" width="95" height="30">#668800</td>
</tr>
<tr>
<td bgcolor="#ccff99" width="95" height="30">#CCFF99</td>
<td bgcolor="#bbff66" width="95" height="30">#BBFF66</td>
<td bgcolor="#99ff33" width="95" height="30">#99FF33</td>
<td bgcolor="#77ff00" width="95" height="30">#77FF00</td>
<td bgcolor="#66dd00" width="95" height="30">#66DD00</td>
<td bgcolor="#55aa00" width="95" height="30">#55AA00</td>
<td bgcolor="#227700" width="95" height="30">#227700</td>
</tr>
<tr>
<td bgcolor="#99ff99" width="95" height="30">#99FF99</td>
<td bgcolor="#66ff66" width="95" height="30">#66FF66</td>
<td bgcolor="#33ff33" width="95" height="30">#33FF33</td>
<td bgcolor="#00ff00" width="95" height="30">#00FF00</td>
<td bgcolor="#00dd00" width="95" height="30">#00DD00</td>
<td bgcolor="#00aa00" width="95" height="30">#00AA00</td>
<td bgcolor="#008800" width="95" height="30">#008800</td>
</tr>
<tr>
<td bgcolor="#bbffee" width="95" height="30">#BBFFEE</td>
<td bgcolor="#77ffcc" width="95" height="30">#77FFCC</td>
<td bgcolor="#33ffaa" width="95" height="30">#33FFAA</td>
<td bgcolor="#00ff99" width="95" height="30">#00FF99</td>
<td bgcolor="#00dd77" width="95" height="30">#00DD77</td>
<td bgcolor="#00aa55" width="95" height="30">#00AA55</td>
<td bgcolor="#008844" width="95" height="30">#008844</td>
</tr>
<tr>
<td bgcolor="#aaffee" width="95" height="30">#AAFFEE</td>
<td bgcolor="#77ffee" width="95" height="30">#77FFEE</td>
<td bgcolor="#33ffdd" width="95" height="30">#33FFDD</td>
<td bgcolor="#00ffcc" width="95" height="30">#00FFCC</td>
<td bgcolor="#00ddaa" width="95" height="30">#00DDAA</td>
<td bgcolor="#00aa88" width="95" height="30">#00AA88</td>
<td bgcolor="#008866" width="95" height="30">#008866</td>
</tr>
<tr>
<td bgcolor="#99ffff" width="95" height="30">#99FFFF</td>
<td bgcolor="#66ffff" width="95" height="30">#66FFFF</td>
<td bgcolor="#33ffff" width="95" height="30">#33FFFF</td>
<td bgcolor="#00ffff" width="95" height="30">#00FFFF</td>
<td bgcolor="#00dddd" width="95" height="30">#00DDDD</td>
<td bgcolor="#00aaaa" width="95" height="30">#00AAAA</td>
<td bgcolor="#008888" width="95" height="30">#008888</td>
</tr>
<tr>
<td bgcolor="#cceeff" width="95" height="30">#CCEEFF</td>
<td bgcolor="#77ddff" width="95" height="30">#77DDFF</td>
<td bgcolor="#33ccff" width="95" height="30">#33CCFF</td>
<td bgcolor="#00bbff" width="95" height="30">#00BBFF</td>
<td bgcolor="#009fcc" width="95" height="30">#009FCC</td>
<td bgcolor="#0088a8" width="95" height="30">#0088A8</td>
<td bgcolor="#007799" width="95" height="30">#007799</td>
</tr>
<tr>
<td bgcolor="#ccddff" width="95" height="30">#CCDDFF</td>
<td bgcolor="#99bbff" width="95" height="30">#99BBFF</td>
<td bgcolor="#5599ff" width="95" height="30">#5599FF</td>
<td bgcolor="#0066ff" width="95" height="30">#0066FF</td>
<td bgcolor="#0044bb" width="95" height="30">#0044BB</td>
<td bgcolor="#003c9d" width="95" height="30">#003C9D</td>
<td bgcolor="#003377" width="95" height="30">#003377</td>
</tr>
<tr>
<td bgcolor="#ccccff" width="95" height="30">#CCCCFF</td>
<td bgcolor="#9999ff" width="95" height="30">#9999FF</td>
<td bgcolor="#5555ff" width="95" height="30">#5555FF</td>
<td bgcolor="#0000ff" width="95" height="30">#0000FF</td>
<td bgcolor="#0000cc" width="95" height="30">#0000CC</td>
<td bgcolor="#0000aa" width="95" height="30">#0000AA</td>
<td bgcolor="#000088" width="95" height="30">#000088</td>
</tr>
<tr>
<td bgcolor="#ccbbff" width="95" height="30">#CCBBFF</td>
<td bgcolor="#9f88ff" width="95" height="30">#9F88FF</td>
<td bgcolor="#7744ff" width="95" height="30">#7744FF</td>
<td bgcolor="#5500ff" width="95" height="30">#5500FF</td>
<td bgcolor="#4400cc" width="95" height="30">#4400CC</td>
<td bgcolor="#2200aa" width="95" height="30">#2200AA</td>
<td bgcolor="#220088" width="95" height="30">#220088</td>
</tr>
<tr>
<td bgcolor="#d1bbff" width="95" height="30">#D1BBFF</td>
<td bgcolor="#b088ff" width="95" height="30">#B088FF</td>
<td bgcolor="#9955ff" width="95" height="30">#9955FF</td>
<td bgcolor="#7700ff" width="95" height="30">#7700FF</td>
<td bgcolor="#5500dd" width="95" height="30">#5500DD</td>
<td bgcolor="#4400b3" width="95" height="30">#4400B3</td>
<td bgcolor="#3a0088" width="95" height="30">#3A0088</td>
</tr>
<tr>
<td bgcolor="#e8ccff" width="95" height="30">#E8CCFF</td>
<td bgcolor="#d28eff" width="95" height="30">#D28EFF</td>
<td bgcolor="#b94fff" width="95" height="30">#B94FFF</td>
<td bgcolor="#9900ff" width="95" height="30">#9900FF</td>
<td bgcolor="#7700bb" width="95" height="30">#7700BB</td>
<td bgcolor="#66009d" width="95" height="30">#66009D</td>
<td bgcolor="#550088" width="95" height="30">#550088</td>
</tr>
<tr>
<td bgcolor="#f0bbff" width="95" height="30">#F0BBFF</td>
<td bgcolor="#e377ff" width="95" height="30">#E38EFF</td>
<td bgcolor="#d93eff" width="95" height="30">#E93EFF</td>
<td bgcolor="#cc00ff" width="95" height="30">#CC00FF</td>
<td bgcolor="#a500cc" width="95" height="30">#A500CC</td>
<td bgcolor="#7a0099" width="95" height="30">#7A0099</td>
<td bgcolor="#660077" width="95" height="30">#660077</td>
</tr>
<tr>
<td bgcolor="#ffb3ff" width="95" height="30">#FFB3FF</td>
<td bgcolor="#ff77ff" width="95" height="30">#FF77FF</td>
<td bgcolor="#ff3eff" width="95" height="30">#FF3EFF</td>
<td bgcolor="#ff00ff" width="95" height="30">#FF0 0FF</td>
<td bgcolor="#cc00cc" width="95" height="30">#CC00CC</td>
<td bgcolor="#990099" width="95" height="30">#990099</td>
<td bgcolor="#770077" width="95" height="30">#770077</td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><strong><span style="color: #ff0000;">红~</span></strong></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>maroon</td>
<td>#800000</td>
<td bgcolor="#800000"></td>
</tr>
<tr>
<td>darkred</td>
<td>#8B0000</td>
<td bgcolor="#8b0000"></td>
</tr>
<tr>
<td>brown</td>
<td>#A52A2A</td>
<td bgcolor="#a52a2a"></td>
</tr>
<tr>
<td>firebrick</td>
<td>#B22222</td>
<td bgcolor="#b22222"></td>
</tr>
<tr>
<td>crimson</td>
<td>#DC143C</td>
<td bgcolor="#dc143c"></td>
</tr>
<tr>
<td>red</td>
<td>#FF0000</td>
<td bgcolor="#ff0000"></td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><strong><span style="color: #cc99ff;">桃红~粉红</span></strong></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>mediumvioletred</td>
<td>#C71585</td>
<td bgcolor="#c71585"></td>
</tr>
<tr>
<td>palevioletred</td>
<td>#D87093</td>
<td bgcolor="#d87093"></td>
</tr>
<tr>
<td>deeppink</td>
<td>#FF1493</td>
<td bgcolor="#ff1493"></td>
</tr>
<tr>
<td>fuchsia(magenta)</td>
<td>#FF00FF</td>
<td bgcolor="#ff00ff"></td>
</tr>
<tr>
<td>hotpink</td>
<td>#FF69B4</td>
<td bgcolor="#ff69b4"></td>
</tr>
<tr>
<td>pink</td>
<td>#FFC0CB</td>
<td bgcolor="#ffc0cb"></td>
</tr>
<tr>
<td>lightpink</td>
<td>#FFB6C1</td>
<td bgcolor="#ffb6c1"></td>
</tr>
<tr>
<td>mistyrose</td>
<td>#FFE4E1</td>
<td bgcolor="#ffe4e1"></td>
</tr>
<tr>
<td>lavenderblush</td>
<td>#FFF0F5</td>
<td bgcolor="#fff0f5"></td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><span style="color: #800080;">紫~</span></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>indigo</td>
<td>#4B0082</td>
<td bgcolor="#4b0082"></td>
</tr>
<tr>
<td>purple</td>
<td>#800080</td>
<td bgcolor="#800080"></td>
</tr>
<tr>
<td>darkmagenta</td>
<td>#8B008B</td>
<td bgcolor="#8b008b"></td>
</tr>
<tr>
<td>darkorchid</td>
<td>#9932CC</td>
<td bgcolor="#9932cc"></td>
</tr>
<tr>
<td>blueviolet</td>
<td>#8A2BE2</td>
<td bgcolor="#8a2be2"></td>
</tr>
<tr>
<td>darkviolet</td>
<td>#9400D3</td>
<td bgcolor="#9400d3"></td>
</tr>
<tr>
<td>slateblue</td>
<td>#6A5ACD</td>
<td bgcolor="#6a5acd"></td>
</tr>
<tr>
<td>mediumpurple</td>
<td>#9370DB</td>
<td bgcolor="#9370db"></td>
</tr>
<tr>
<td>mediumslateblue</td>
<td>#7B68EE</td>
<td bgcolor="#7b68ee"></td>
</tr>
<tr>
<td>mediumorchid</td>
<td>#BA55D3</td>
<td bgcolor="#ba55d3"></td>
</tr>
<tr>
<td>violet</td>
<td>#EE82EE</td>
<td bgcolor="#ee82ee"></td>
</tr>
<tr>
<td>plum</td>
<td>#DDA0DD</td>
<td bgcolor="#dda0dd"></td>
</tr>
<tr>
<td>thistle</td>
<td>#D8BFD8</td>
<td bgcolor="#d8bfd8"></td>
</tr>
<tr>
<td>lavender</td>
<td>#E6E6FA</td>
<td bgcolor="#e6e6fa"></td>
</tr>
</tbody>
</table>
&nbsp;
<p style="text-align: center;"><span style="color: #ff6600;">橙~</span></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>saddlebrown</td>
<td>#8B4513</td>
<td bgcolor="#8b4513"></td>
</tr>
<tr>
<td>sienna</td>
<td>#A0522D</td>
<td bgcolor="#a0522d"></td>
</tr>
<tr>
<td>chocolate</td>
<td>#D2691E</td>
<td bgcolor="#d2691e"></td>
</tr>
<tr>
<td>indianred</td>
<td>#CD5C5C</td>
<td bgcolor="#cd5c5c"></td>
</tr>
<tr>
<td>rosybrown</td>
<td>#BC8F8F</td>
<td bgcolor="#bc8f8f"></td>
</tr>
<tr>
<td>lightcorol</td>
<td>#F08080</td>
<td bgcolor="#f08080"></td>
</tr>
<tr>
<td>salmon</td>
<td>#FA8072</td>
<td bgcolor="#fa8072"></td>
</tr>
<tr>
<td>lightsalmon</td>
<td>#FFA07A</td>
<td bgcolor="#ffa07a"></td>
</tr>
<tr>
<td>orangered</td>
<td>#FF4500</td>
<td bgcolor="#ff4500"></td>
</tr>
<tr>
<td>tomato</td>
<td>#FF6347</td>
<td bgcolor="#ff6347"></td>
</tr>
<tr>
<td>coral</td>
<td>#FF7F50</td>
<td bgcolor="#ff7f50"></td>
</tr>
<tr>
<td>darkorange</td>
<td>#FF8C00</td>
<td bgcolor="#ff8c00"></td>
</tr>
<tr>
<td>sandybrown</td>
<td>#F4A460</td>
<td bgcolor="#f4a460"></td>
</tr>
<tr>
<td>peru</td>
<td>#CD853F</td>
<td bgcolor="#cd853f"></td>
</tr>
<tr>
<td>tan</td>
<td>#D2B48C</td>
<td bgcolor="#d2b48c"></td>
</tr>
<tr>
<td>burlywood</td>
<td>#DEB887</td>
<td bgcolor="#deb887"></td>
</tr>
<tr>
<td>wheat</td>
<td>#F5DEB3</td>
<td bgcolor="#f5deb3"></td>
</tr>
<tr>
<td>moccasin</td>
<td>#FFE4B5</td>
<td bgcolor="#ffe4b5"></td>
</tr>
<tr>
<td>navajowhite</td>
<td>#FFDEAD</td>
<td bgcolor="#ffdead"></td>
</tr>
<tr>
<td>peachpuff</td>
<td>#FFDAB9</td>
<td bgcolor="#ffdab9"></td>
</tr>
<tr>
<td>&gt;bisque</td>
<td>#FFE4C4</td>
<td bgcolor="#ffe4c4"></td>
</tr>
<tr>
<td>antuquewhite</td>
<td>#FAEBD7</td>
<td bgcolor="#faebd7"></td>
</tr>
<tr>
<td>papayawhip</td>
<td>#FFEFD5</td>
<td bgcolor="#ffefd5"></td>
</tr>
<tr>
<td>cornsilk</td>
<td>#FFF8DC</td>
<td bgcolor="#fff8dc"></td>
</tr>
<tr>
<td>oldlace</td>
<td>#FDF5E6</td>
<td bgcolor="#fdf5e6"></td>
</tr>
<tr>
<td>linen</td>
<td>#FAF0E6</td>
<td bgcolor="#faf0e6"></td>
</tr>
<tr>
<td>seashell</td>
<td>#FFF5EE</td>
<td bgcolor="#fff5ee"></td>
</tr>
<tr>
<td>snow</td>
<td>#FFFAFA</td>
<td bgcolor="#fffafa"></td>
</tr>
<tr>
<td>floralwhite</td>
<td>#FFFAF0</td>
<td bgcolor="#fffaf0"></td>
</tr>
<tr>
<td>ivory</td>
<td>#FFFFF0</td>
<td bgcolor="#fffff0"></td>
</tr>
<tr>
<td>mintcream</td>
<td>#F5FFFA</td>
<td bgcolor="#f5fffa"></td>
</tr>
</tbody>
</table>
<p style="text-align: center;"><span style="color: #ff9900;">黄~</span></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>darkgoldenrod</td>
<td>#B8860B</td>
<td bgcolor="#b8860b"></td>
</tr>
<tr>
<td>goldenrod</td>
<td>#DAA520</td>
<td bgcolor="#daa520"></td>
</tr>
<tr>
<td>gold</td>
<td>#FFD700</td>
<td bgcolor="#ffd700"></td>
</tr>
<tr>
<td>yellow</td>
<td>#FFFF00</td>
<td bgcolor="#ffff00"></td>
</tr>
<tr>
<td>darkkhaki</td>
<td>#BDB76B</td>
<td bgcolor="#bdb76b"></td>
</tr>
<tr>
<td>khaki</td>
<td>#F0E68C</td>
<td bgcolor="#f0e68c"></td>
</tr>
<tr>
<td>palegoldenrod</td>
<td>#EEE8AA</td>
<td bgcolor="#eee8aa"></td>
</tr>
<tr>
<td>beige</td>
<td>#F5F5DC</td>
<td bgcolor="#f5f5dc"></td>
</tr>
<tr>
<td>lemonchiffon</td>
<td>#FFFACD</td>
<td bgcolor="#fffacd"></td>
</tr>
<tr>
<td>lightgoldenrodyellow</td>
<td>#FAFAD2</td>
<td bgcolor="#fafad2"></td>
</tr>
<tr>
<td>lightyellow</td>
<td>#FFFFE0</td>
<td bgcolor="#ffffe0"></td>
</tr>
</tbody>
</table>
&nbsp;
<p style="text-align: center;"><span style="color: #339966;">绿~</span></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>darkslategray</td>
<td>#2F4F4F</td>
<td bgcolor="#2f4f4f"></td>
</tr>
<tr>
<td>darkolivegreen</td>
<td>#556B2F</td>
<td bgcolor="#556b2f"></td>
</tr>
<tr>
<td>olive</td>
<td>#808000</td>
<td bgcolor="#808000"></td>
</tr>
<tr>
<td>darkgreen</td>
<td>#006400</td>
<td bgcolor="#006400"></td>
</tr>
<tr>
<td>forestgreen</td>
<td>#228B22</td>
<td bgcolor="#228b22"></td>
</tr>
<tr>
<td>seagreen</td>
<td>#2E8B57</td>
<td bgcolor="#2e8b57"></td>
</tr>
<tr>
<td>green(teal)</td>
<td>#008080</td>
<td bgcolor="#008080"></td>
</tr>
<tr>
<td>lightseagreen</td>
<td>#20B2AA</td>
<td bgcolor="#20b2aa"></td>
</tr>
<tr>
<td>madiumaquamarine</td>
<td>#66CDAA</td>
<td bgcolor="#66cdaa"></td>
</tr>
<tr>
<td>mediumseagreen</td>
<td>#3CB371</td>
<td bgcolor="#3cb371"></td>
</tr>
<tr>
<td>darkseagreen</td>
<td>#8FBC8F</td>
<td bgcolor="#8fbc8f"></td>
</tr>
<tr>
<td>yellowgreen</td>
<td>#9ACD32</td>
<td bgcolor="#9acd32"></td>
</tr>
<tr>
<td>limegreen</td>
<td>#32CD32</td>
<td bgcolor="#32cd32"></td>
</tr>
<tr>
<td>lime</td>
<td>#00FF00</td>
<td bgcolor="#00ff00"></td>
</tr>
<tr>
<td>chartreuse</td>
<td>#7FFF00</td>
<td bgcolor="#7fff00"></td>
</tr>
<tr>
<td>lawngreen</td>
<td>#7CFC00</td>
<td bgcolor="#7cfc00"></td>
</tr>
<tr>
<td>greenyellow</td>
<td>#ADFF2F</td>
<td bgcolor="#adff2f"></td>
</tr>
<tr>
<td>mediumspringgreen</td>
<td>#00FA9A</td>
<td bgcolor="#00fa9a"></td>
</tr>
<tr>
<td>springgreen</td>
<td>#00FF7F</td>
<td bgcolor="#00ff7f"></td>
</tr>
<tr>
<td>lightgreen</td>
<td>#90EE90</td>
<td bgcolor="#90ee90"></td>
</tr>
<tr>
<td>palegreen</td>
<td>#98F898</td>
<td bgcolor="#98f898"></td>
</tr>
<tr>
<td>aquamarine</td>
<td>#7FFFD4</td>
<td bgcolor="#7fffd4"></td>
</tr>
<tr>
<td>honeydew</td>
<td>#F0FFF0</td>
<td bgcolor="#f0fff0"></td>
</tr>
</tbody>
</table>
&nbsp;
<p style="text-align: center;"><a href="https://www.chukuangren.com" target="_blank" rel="noopener"><span style="color: #3366ff;">蓝~</span></a></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>midnightblue</td>
<td>#191970</td>
<td bgcolor="#191970"></td>
</tr>
<tr>
<td>navy</td>
<td>#000080</td>
<td bgcolor="#000080"></td>
</tr>
<tr>
<td>darkblue</td>
<td>#00008B</td>
<td bgcolor="#00008b"></td>
</tr>
<tr>
<td>darkslateblue</td>
<td>#483D8B</td>
<td bgcolor="#483d8b"></td>
</tr>
<tr>
<td>mediumblue</td>
<td>#0000CD</td>
<td bgcolor="#0000cd"></td>
</tr>
<tr>
<td>royalblue</td>
<td>#4169E1</td>
<td bgcolor="#4169e1"></td>
</tr>
<tr>
<td>dodgerblue</td>
<td>#1E90FF</td>
<td bgcolor="#1e90ff"></td>
</tr>
<tr>
<td>cornflowerblue</td>
<td>#6495ED</td>
<td bgcolor="#6495ed"></td>
</tr>
<tr>
<td>deepskyblue</td>
<td>#00BFFF</td>
<td bgcolor="#00bfff"></td>
</tr>
<tr>
<td>lightskyblue</td>
<td>#87CEFA</td>
<td bgcolor="#87cefa"></td>
</tr>
<tr>
<td>lightsteelblue</td>
<td>#B0C4DE</td>
<td bgcolor="#b0c4de"></td>
</tr>
<tr>
<td>lightblue</td>
<td>#ADD8E6</td>
<td bgcolor="#add8e6"></td>
</tr>
<tr>
<td>steelblue</td>
<td>#4682B4</td>
<td bgcolor="#4682b4"></td>
</tr>
<tr>
<td>darkcyan</td>
<td>#008B8B</td>
<td bgcolor="#008b8b"></td>
</tr>
<tr>
<td>cadetblue</td>
<td>#5F9EA0</td>
<td bgcolor="#5f9ea0"></td>
</tr>
<tr>
<td>darkturquoise</td>
<td>#00CED1</td>
<td bgcolor="#00ced1"></td>
</tr>
<tr>
<td>mediumturquoise</td>
<td>#48D1CC</td>
<td bgcolor="#48d1cc"></td>
</tr>
<tr>
<td>turquoise</td>
<td>#40E0D0</td>
<td bgcolor="#40e0d0"></td>
</tr>
<tr>
<td>skyblue</td>
<td>#87CECB</td>
<td bgcolor="#87cecb"></td>
</tr>
<tr>
<td>powderblue</td>
<td>#B0E0E6</td>
<td bgcolor="#b0e0e6"></td>
</tr>
<tr>
<td>paleturquoise</td>
<td>#AFEEEE</td>
<td bgcolor="#afeeee"></td>
</tr>
<tr>
<td>lightcyan</td>
<td>#E0FFFF</td>
<td bgcolor="#e0ffff"></td>
</tr>
<tr>
<td>azure</td>
<td>#F0FFFF</td>
<td bgcolor="#f0ffff"></td>
</tr>
<tr>
<td>aliceblue</td>
<td>#F0F8FF</td>
<td bgcolor="#f0f8ff"></td>
</tr>
<tr>
<td>aqua(cyan)</td>
<td>#00FFFF</td>
<td bgcolor="#00ffff"></td>
</tr>
</tbody>
</table>
&nbsp;
<p style="text-align: center;"><span style="color: #333333;">黑~灰</span></p>

<table border="0">
<tbody>
<tr>
<th width="130">顏色名稱</th>
<th width="80">代碼</th>
<th width="80">顏色</th>
</tr>
<tr>
<td>black</td>
<td>#000000</td>
<td bgcolor="#000000"></td>
</tr>
<tr>
<td>dimgray</td>
<td>#696969</td>
<td bgcolor="#696969"></td>
</tr>
<tr>
<td>gray</td>
<td>#808080</td>
<td bgcolor="#808080"></td>
</tr>
<tr>
<td>slategray</td>
<td>#708090</td>
<td bgcolor="#708090"></td>
</tr>
<tr>
<td>lightslategray</td>
<td>#778899</td>
<td bgcolor="#778899"></td>
</tr>
<tr>
<td>dakgray</td>
<td>#A9A9A9</td>
<td bgcolor="#a9a9a9"></td>
</tr>
<tr>
<td>silver</td>
<td>#C0C0C0</td>
<td bgcolor="#c0c0c0"></td>
</tr>
<tr>
<td>lightgray</td>
<td>#D3D3D3</td>
<td bgcolor="#d3d3d3"></td>
</tr>
<tr>
<td>gainsboro</td>
<td>#DCDCDC</td>
<td bgcolor="#dcdcdc"></td>
</tr>
<tr>
<td>whitesmoke</td>
<td>#F5F5F5</td>
<td bgcolor="#f5f5f5"></td>
</tr>
<tr>
<td>ghostwhite</td>
<td>#F8F8FF</td>
<td bgcolor="#f8f8ff"></td>
</tr>
<tr>
<td>white</td>
<td>#FFFFFF</td>
<td></td>
</tr>
</tbody>
</table>
</div>

页面名字可以随便命名，不过还是英文或者拼音好一点，中文的话对搜索引擎不太友好。

本站创建的颜色代码表页面：https://www.chukuangren.com/color/