楚狂人做网站经常会遇到前端美化的活，这种时候就需要用到颜色代码表，但是这种表格谁也不至于总是记住地址，以前经常在需要的时候就去百度搜索颜色代码表，后来想了一下，不如在自己网站添加一个颜色代码表页面算了，这样用的时候可以省事一点。
方法其实也很简单，我们的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> <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>>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> <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> <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> <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/
