CSS系列之颜色代码大全、颜色对照表

红太狼 2024-04-23 21:07 54阅读 0赞

?作者主页：青花锁 ?简介：Java领域优质创作者?、Java微服务架构公号作者?

?简历模板、学习资料、面试题库、技术互助

?文末获取联系方式 ?

![在这里插入图片描述][8e79f79251004be596a5f46b79e5197a.png]

--------------------

## 往期热门专栏回顾 ##

<table> 
 <thead> 
  <tr> 
   <th align="left">专栏</th> 
   <th align="left">描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="left">Java项目实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12345409.html" rel="nofollow">介绍Java组件安装、使用；手写框架等</a></td> 
  </tr> 
  <tr> 
   <td align="left">Aws服务器实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12492968.html" rel="nofollow">Aws Linux服务器上操作nginx、git、JDK、Vue</a></td> 
  </tr> 
  <tr> 
   <td align="left">Java微服务实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12439818.html" rel="nofollow">Java 微服务实战，Spring Cloud Netflix套件、Spring Cloud Alibaba套件、Seata、gateway、shadingjdbc等实战操作 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Java基础篇</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12369312.html" rel="nofollow">Java基础闲聊，已出HashMap、String、StringBuffer等源码分析，JVM分析，持续更新中 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Springboot篇</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12273537.html" rel="nofollow">从创建Springboot项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回、全局异常处理、Swagger文档 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Spring MVC篇</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12295009.html" rel="nofollow">从创建Spring MVC项目，到加载数据库、静态资源、输出RestFul接口、跨越问题解决到统一返回 </a></td> 
  </tr> 
  <tr> 
   <td align="left">华为云服务器实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12426609.html" rel="nofollow">华为云Linux服务器上操作nginx、git、JDK、Vue等，以及使用宝塔运维操作添加Html网页、部署Springboot项目/Vue项目等 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Java爬虫</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_8863085.html" rel="nofollow">通过Java+Selenium+GoogleWebDriver 模拟真人网页操作爬取花瓣网图片、bing搜索图片等 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Vue实战</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12278346.html" rel="nofollow">讲解Vue3的安装、环境配置，基本语法、循环语句、生命周期、路由设置、组件、axios交互、Element-ui的使用等 </a></td> 
  </tr> 
  <tr> 
   <td align="left">Spring</td> 
   <td align="left"><a href="https://blog.csdn.net/s445320/category_12283629.html" rel="nofollow">讲解Spring(Bean)概念、IOC、AOP、集成jdbcTemplate/redis/事务等 </a></td> 
  </tr> 
 </tbody> 
</table>

--------------------

## 前言 ##

前端页面想要好看，CSS少不了，CSS想要学得好，配色也是一大绝活，今天为大家带来CSS颜色表。

--------------------

## 颜色大全 ##

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

## 颜色名称 ##

<table> 
 <tbody> 
  <tr> 
   <th>顏色名称&nbsp;</th> 
   <th>代碼&nbsp;</th> 
   <th><p>顏色</p></th> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">maroon&nbsp;</a></td> 
   <td>#800000&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkred&nbsp;</td> 
   <td>#8B0000&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>brown&nbsp;</td> 
   <td>#A52A2A&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">firebrick&nbsp;</a></td> 
   <td>#B22222&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>crimson&nbsp;</td> 
   <td>#DC143C&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>red&nbsp;</td> 
   <td>#FF0000&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th>顏色名稱&nbsp;</th> 
   <th>代碼&nbsp;</th> 
   <th><p>顏色</p></th> 
  </tr> 
  <tr> 
   <td>mediumvioletred&nbsp;</td> 
   <td>#C71585&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>palevioletred&nbsp;</td> 
   <td>#D87093&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">deeppink&nbsp;</a></td> 
   <td>#FF1493&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>fuchsia(magenta)&nbsp;</td> 
   <td>#FF00FF&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>hotpink&nbsp;</td> 
   <td>#FF69B4&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>pink&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#FFC0CB</a>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">lightpink&nbsp;</a></td> 
   <td>#FFB6C1&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>mistyrose&nbsp;</td> 
   <td>#FFE4E1&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lavenderblush&nbsp;</td> 
   <td>#FFF0F5&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th>顏色名稱&nbsp;</th> 
   <th>代碼&nbsp;</th> 
   <th><p>顏色</p></th> 
  </tr> 
  <tr> 
   <td>indigo&nbsp;</td> 
   <td>#4B0082&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>purple&nbsp;</td> 
   <td>#800080&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkmagenta&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#8B008B</a>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">darkorchid</a>&nbsp;&nbsp;</td> 
   <td>#9932CC&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>blueviolet&nbsp;</td> 
   <td>#8A2BE2&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkviolet&nbsp;</td> 
   <td>#9400D3&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>slateblue&nbsp;</td> 
   <td>#6A5ACD&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>mediumpurple&nbsp;</td> 
   <td>#9370DB&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>mediumslateblue&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#7B68EE</a>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>mediumorchid&nbsp;</td> 
   <td>#BA55D3&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">violet&nbsp;</a></td> 
   <td>#EE82EE&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>plum&nbsp;</td> 
   <td>#DDA0DD&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>thistle&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#D8BFD8</a>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lavender&nbsp;</td> 
   <td>#E6E6FA&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th>顏色名稱&nbsp;</th> 
   <th>代碼&nbsp;</th> 
   <th><p>顏色</p></th> 
  </tr> 
  <tr> 
   <td>saddlebrown&nbsp;</td> 
   <td>#8B4513&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>sienna&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#A0522D</a>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>chocolate&nbsp;</td> 
   <td>#D2691E&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>indianred&nbsp;</td> 
   <td>#CD5C5C&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>rosybrown&nbsp;</td> 
   <td>#BC8F8F&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">lightcorol&nbsp;</a></td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#F08080</a>&nbsp;&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>salmon&nbsp;</td> 
   <td>#FA8072&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lightsalmon&nbsp;</td> 
   <td>#FFA07A&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>orangered&nbsp;</td> 
   <td>#FF4500&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>tomato&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#FF6347&nbsp;</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>coral&nbsp;</td> 
   <td>#FF7F50&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkorange&nbsp;</td> 
   <td>#FF8C00&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>sandybrown&nbsp;</td> 
   <td>#F4A460&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>peru&nbsp;</td> 
   <td>#CD853F&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>tan&nbsp;</td> 
   <td>#D2B48C&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>burlywood&nbsp;</td> 
   <td>#DEB887&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>wheat&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#F5DEB3</a>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>moccasin&nbsp;</td> 
   <td>#FFE4B5&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>navajowhite&nbsp;</td> 
   <td>#FFDEAD&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>peachpuff&nbsp;</td> 
   <td>#FFDAB9&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">bisque&nbsp;</a></td> 
   <td>#FFE4C4&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>antuquewhite&nbsp;</td> 
   <td>#FAEBD7&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>papayawhip&nbsp;</td> 
   <td>#FFEFD5&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>cornsilk&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#FFF8DC</a>&nbsp;&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>oldlace&nbsp;</td> 
   <td>#FDF5E6&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>linen&nbsp;</td> 
   <td>#FAF0E6&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>seashell&nbsp;</td> 
   <td>#FFF5EE&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">snow&nbsp;</a></td> 
   <td>#FFFAFA&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>floralwhite&nbsp;</td> 
   <td>#FFFAF0&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>ivory&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#FFFFF0&nbsp;</a></td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>mintcream&nbsp;</td> 
   <td>#F5FFFA&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th>顏色名稱&nbsp;</th> 
   <th>代碼&nbsp;</th> 
   <th><p>顏色</p></th> 
  </tr> 
  <tr> 
   <td>darkgoldenrod&nbsp;</td> 
   <td>#B8860B&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>goldenrod&nbsp;</td> 
   <td>#DAA520&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">gold&nbsp;</a></td> 
   <td>#FFD700&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>yellow&nbsp;</td> 
   <td>#FFFF00&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkkhaki&nbsp;</td> 
   <td>#BDB76B&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>khaki&nbsp;</td> 
   <td>#F0E68C&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>palegoldenrod&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#EEE8AA</a>&nbsp;&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>beige&nbsp;</td> 
   <td>#F5F5DC&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lemonchiffon&nbsp;</td> 
   <td>#FFFACD&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lightgoldenrodyellow&nbsp;</td> 
   <td>#FAFAD2&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">lightyellow</a>&nbsp;&nbsp;</td> 
   <td>#FFFFE0&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <th>顏色名稱&nbsp;</th> 
   <th>代碼&nbsp;</th> 
   <th><p>顏色</p></th> 
  </tr> 
  <tr> 
   <td>darkslategray&nbsp;</td> 
   <td>#2F4F4F&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkolivegreen&nbsp;</td> 
   <td>#556B2F&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">olive&nbsp;</a></td> 
   <td>#808000&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkgreen&nbsp;</td> 
   <td>#006400&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>forestgreen&nbsp;</td> 
   <td>#228B22&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>seagreen&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#2E8B57</a>&nbsp;&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>green(teal)&nbsp;</td> 
   <td>#008080&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lightseagreen&nbsp;</td> 
   <td>#20B2AA&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>madiumaquamarine&nbsp;</td> 
   <td>#66CDAA&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>mediumseagreen&nbsp;</td> 
   <td>#3CB371&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>darkseagreen&nbsp;</td> 
   <td>#8FBC8F&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">yellowgreen&nbsp;</a></td> 
   <td>#9ACD32&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>limegreen&nbsp;</td> 
   <td>#32CD32&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lime&nbsp;</td> 
   <td>#00FF00&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>chartreuse&nbsp;</td> 
   <td>#7FFF00&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lawngreen&nbsp;</td> 
   <td>#7CFC00&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>greenyellow&nbsp;</td> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">#ADFF2F</a>&nbsp;&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>mediumspringgreen&nbsp;</td> 
   <td>#00FA9A&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>springgreen&nbsp;</td> 
   <td>#00FF7F&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td><a href="http://www.nkcn.net/" rel="nofollow">lightgreen</a>&nbsp;&nbsp;</td> 
   <td>#90EE90&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>palegreen&nbsp;</td> 
   <td>#98F898&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>aquamarine&nbsp;</td> 
   <td>#7FFFD4&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>honeydew&nbsp;</td> 
   <td>#F0FFF0&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

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

<table> 
 <tbody> 
  <tr> 
   <th>顏色名稱&nbsp;</th> 
   <th>代碼&nbsp;</th> 
   <th><p>顏色</p></th> 
  </tr> 
  <tr> 
   <td>black&nbsp;</td> 
   <td>#000000&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>dimgray&nbsp;</td> 
   <td>#696969&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>gray&nbsp;</td> 
   <td>#808080&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>slategray&nbsp;</td> 
   <td>#708090&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lightslategray&nbsp;</td> 
   <td>#778899&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>dakgray&nbsp;</td> 
   <td>#A9A9A9&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>silver&nbsp;</td> 
   <td>#C0C0C0&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>lightgray&nbsp;</td> 
   <td>#D3D3D3&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>gainsboro&nbsp;</td> 
   <td>#DCDCDC&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>whitesmoke&nbsp;</td> 
   <td>#F5F5F5&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>ghostwhite&nbsp;</td> 
   <td>#F8F8FF&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>white&nbsp;</td> 
   <td>#FFFFFF&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

--------------------

## 总结 ##

喜欢的小伙伴们，可以给个关注和点赞。MARK一下，这章内容是常访问内容之一。

--------------------

资料获取，更多粉丝福利，关注下方公众号获取

![在这里插入图片描述][a74f7d5d03234f7c8a635562034442a0.gif_pic_center]

[8e79f79251004be596a5f46b79e5197a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/80e9cc8e8dc54417b8b282d350f5d194.png
[a74f7d5d03234f7c8a635562034442a0.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/23/1d8bb8ab3a424c21af302b4fb4315412.gif