CSS颜色选择表

朴灿烈づ我的快乐病毒、 2022-11-01 13:53 319阅读 0赞

**红**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70][]

**桃紅、紛紅**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 1][]

**紫**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 2][]

**褐、橘、米白**

<table> 
 <tbody> 
  <tr> 
   <th>预览</th> 
   <th>中文名</th> 
   <th>英文名</th> 
   <th>代码</th> 
   <th>颜色</th> 
   <th>预览</th> 
   <th>中文名</th> 
   <th>英文名</th> 
   <th>代码</th> 
   <th>颜色</th> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>重褐色</td> 
   <td>saddlebrown</td> 
   <td>#8B4513</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>赭色</td> 
   <td>sienna</td> 
   <td>#A0522D</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>巧可力色</td> 
   <td>chocolate</td> 
   <td>#D2691E</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>印第安红</td> 
   <td>indianred</td> 
   <td>#CD5C5C</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>褐玫瑰红</td> 
   <td>rosybrown</td> 
   <td>#BC8F8F</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>亮珊瑚色</td> 
   <td>lightcoral</td> 
   <td>#F08080</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>鲜肉色</td> 
   <td>salmon</td> 
   <td>#FA8072</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>亮肉色</td> 
   <td>lightsalmon</td> 
   <td>#FFA07A</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>红橙色</td> 
   <td>orangered</td> 
   <td>#FF4500</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>西红柿色</td> 
   <td>tomato</td> 
   <td>#FF6347</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>珊瑚色</td> 
   <td>coral</td> 
   <td>#FF7F50</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>暗桔黄色</td> 
   <td>darkorange</td> 
   <td>#FF8C00</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>沙褐色</td> 
   <td>sandybrown</td> 
   <td>#F4A460</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>秘鲁色</td> 
   <td>peru</td> 
   <td>#CD853F</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>茶色</td> 
   <td>tan</td> 
   <td>#D2B48C</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>实木色</td> 
   <td>burlywood</td> 
   <td>#DEB887</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>浅黄色</td> 
   <td>wheat</td> 
   <td>#F5DEB3</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>鹿皮色</td> 
   <td>moccasin</td> 
   <td>#FFE4B5</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>纳瓦白</td> 
   <td>navajowhite</td> 
   <td>#FFDEAD</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>桃色</td> 
   <td>peachpuff</td> 
   <td>#FFDAB9</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>桔黄色</td> 
   <td>bisque</td> 
   <td>#FFE4C4</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>古董白</td> 
   <td>antiquewhite</td> 
   <td>#FAEBD7</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>番木色</td> 
   <td>papayawhip</td> 
   <td>#FFEFD5</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>米绸色</td> 
   <td>cornsilk</td> 
   <td>#FFF8DC</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>老花色</td> 
   <td>oldlace</td> 
   <td>#FDF5E6</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>亚麻色</td> 
   <td>linen</td> 
   <td>#FAF0E6</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>海贝色</td> 
   <td>seashell</td> 
   <td>#FFF5EE</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>雪白色</td> 
   <td>snow</td> 
   <td>#FFFAFA</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>花白色</td> 
   <td>floralwhite</td> 
   <td>#FFFAF0</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>象牙色</td> 
   <td>ivory</td> 
   <td>#FFFFF0</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 3][]

**金、黄**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 4][]

**绿**

<table> 
 <tbody> 
  <tr> 
   <th>预览</th> 
   <th>中文名</th> 
   <th>英文名</th> 
   <th>代码</th> 
   <th>颜色</th> 
   <th>预览</th> 
   <th>中文名</th> 
   <th>英文名</th> 
   <th>代码</th> 
   <th>颜色</th> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>墨绿色</td> 
   <td>darkslategray</td> 
   <td>#2F4F4F</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>暗橄榄绿</td> 
   <td>darkolivegreen</td> 
   <td>#556B2F</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>橄榄色</td> 
   <td>olive</td> 
   <td>#808000</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>暗绿色</td> 
   <td>darkgreen</td> 
   <td>#006400</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>森林绿</td> 
   <td>forestgreen</td> 
   <td>#228B22</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>海绿色</td> 
   <td>seagreen</td> 
   <td>#2E8B57</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>水鸭色</td> 
   <td>green(teal)</td> 
   <td>#008080</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>间宝石绿</td> 
   <td>madiumaquamarine</td> 
   <td>#66CDAA</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>黄绿色</td> 
   <td>yellowgreen</td> 
   <td>#9ACD32</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>橙绿色</td> 
   <td>limegreen</td> 
   <td>#32CD32</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>酸橙色</td> 
   <td>lime</td> 
   <td>#00FF00</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>黄绿色</td> 
   <td>chartreuse</td> 
   <td>#7FFF00</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>草绿色</td> 
   <td>lawngreen</td> 
   <td>#7CFC00</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>黄绿色</td> 
   <td>greenyellow</td> 
   <td>#ADFF2F</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>间春绿色</td> 
   <td>mediumspringgreen</td> 
   <td>#00FA9A</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>春绿色</td> 
   <td>springgreen</td> 
   <td>#00FF7F</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>亮绿色</td> 
   <td>lightgreen</td> 
   <td>#90EE90</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>苍绿色</td> 
   <td>palegreen</td> 
   <td>#98F898</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>碧绿色</td> 
   <td>aquamarine</td> 
   <td>#7FFFD4</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>蜜色</td> 
   <td>honeydew</td> 
   <td>#F0FFF0</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>薄荷色</td> 
   <td>mintcream</td> 
   <td>#F5FFFA</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 5][]

**蓝**

<table> 
 <tbody> 
  <tr> 
   <th>预览</th> 
   <th>中文名</th> 
   <th>英文名</th> 
   <th>代码</th> 
   <th>颜色</th> 
   <th>预览</th> 
   <th>中文名</th> 
   <th>英文名</th> 
   <th>代码</th> 
   <th>颜色</th> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>中灰兰色</td> 
   <td>midnightblue</td> 
   <td>#191970</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>海军色</td> 
   <td>navy</td> 
   <td>#000080</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>暗蓝色</td> 
   <td>darkblue</td> 
   <td>#00008B</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>暗灰蓝色</td> 
   <td>darkslateblue</td> 
   <td>#483D8B</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>间兰色</td> 
   <td>mediumblue</td> 
   <td>#0000CD</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>皇家蓝</td> 
   <td>royalblue</td> 
   <td>#4169E1</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>闪兰色</td> 
   <td>dodgerblue</td> 
   <td>#1E90FF</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>菊兰色</td> 
   <td>cornflowerblue</td> 
   <td>#6495ED</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>深天蓝色</td> 
   <td>deepskyblue</td> 
   <td>#00BFFF</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>亮天蓝色</td> 
   <td>lightskyblue</td> 
   <td>#87CEFA</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>亮钢兰色</td> 
   <td>lightsteelblue</td> 
   <td>#B0C4DE</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>亮蓝色</td> 
   <td>lightblue</td> 
   <td>#ADD8E6</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>钢兰色</td> 
   <td>steelblue</td> 
   <td>#4682B4</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>暗青色</td> 
   <td>darkcyan</td> 
   <td>#008B8B</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>军兰色</td> 
   <td>cadetblue</td> 
   <td>#5F9EA0</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>暗宝石绿</td> 
   <td>darkturquoise</td> 
   <td>#00CED1</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>亮绿色</td> 
   <td>mediumturquoise</td> 
   <td>#48D1CC</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>青绿色</td> 
   <td>turquoise</td> 
   <td>#40E0D0</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>天蓝色</td> 
   <td>skyblue</td> 
   <td>#87CECB</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>粉蓝色</td> 
   <td>powderblue</td> 
   <td>#B0E0E6</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>苍宝石绿</td> 
   <td>paleturquoise</td> 
   <td>#AFEEEE</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>亮青色</td> 
   <td>lightcyan</td> 
   <td>#E0FFFF</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>天蓝色</td> 
   <td>azure</td> 
   <td>#F0FFFF</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>艾利斯兰</td> 
   <td>aliceblue</td> 
   <td>#F0F8FF</td> 
   <td>&nbsp;</td> 
  </tr> 
  <tr> 
   <td>&nbsp;</td> 
   <td>青色</td> 
   <td>aqua(cyan)</td> 
   <td>#00FFFF</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
   <td>&nbsp;</td> 
  </tr> 
 </tbody> 
</table>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 6][]

**黑、灰、白**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 7][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70]: /images/20221024/28299e638a2a429fab0201b290df8c51.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 1]: /images/20221024/dfb83e6a24004bba8a1d458b22a4984c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 2]: /images/20221024/9c03681ea0bd4eb29a0bd4b4301f890c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 3]: /images/20221024/f2baeb43b16e462a938881e23856729f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 4]: /images/20221024/658ac5154f644969aa30894009ab2f7e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 5]: /images/20221024/2dcf8ad04e5841eda0ad4644cdd333c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 6]: /images/20221024/5fdf9ee481ee4702b3524c42a4c19406.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FyaWFfTWlhenp5_size_16_color_FFFFFF_t_70 7]: /images/20221024/bba5925a4b7b41bb9ebdeb5098be1ef4.png