4部网页配色电子书库之第3部——网页配色方案速查表

电玩女神 2022-11-26 10:58 223阅读 0赞

# 网站配色方案（颜色值）速查表 #

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>鸨色<br>#f7acbc</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>赤白橡<br>#deab8a</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>油色<br>#817936</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>绀桔梗<br>#444693</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>踯躅色<br>#ef5b9c</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>肌色<br>#fedcbd</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>伽罗色<br>#7f7522</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>花色<br>#2b4490</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>桜色<br>#feeeed</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>橙色<br>#f47920</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青丹<br>#80752c</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>瑠璃色<br>#2a5caa</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>蔷薇色<br>#f05b72</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>灰茶<br>#905a3d</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>莺色<br>#87843b</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>琉璃绀<br>#224b8f</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>韩红<br>#f15b6c</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>茶色<br>#8f4b2e</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>利久色<br>#726930</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>绀色<br>#003a6c</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>珊瑚色<br>#f8aba6</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>桦茶色<br>#87481f</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>媚茶<br>#454926</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青蓝<br>#102b6a</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>红梅色<br>#f69c9f</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>枯茶<br>#5f3c23</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>蓝海松茶<br>#2e3a1f</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>杜若色<br>#426ab3</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>桃色<br>#f58f98</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>焦茶<br>#6b473c</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青钝<br>#4d4f36</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>胜色<br>#46485f</font> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>丹<br>#b64533 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>木兰色<br>#ad8b3d </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青白橡<br>#375830 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>茄子绀<br>#45224a </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>土<br>#b54334 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>栀子色<br>#dea32c </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>革色<br>#274d3d </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>紫绀<br>#411445 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>焦香<br>#853f04 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>朽叶<br>#d1923f </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>麹尘<br>#375830 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>浓色<br>#4b2f3d </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>真红<br>#840228 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>萱草色<br>#c88400</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>仙斎茶<br>#27342b </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>二蓝<br>#402e4c </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>绯<br>#7a1723 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黄金<br>#c37e00 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>若竹色<br>#65c294 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>菖蒲色<br>#c77eb5 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>红海老茶<br>#a03939 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>金色<br>#c37e00 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青磁色<br>#73b9a2 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>牡丹色<br>#ea66a6 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>浅苏芳<br>#8a2e3b </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>金茶<br>#e0861a </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青竹色<br>#72baa7 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>赤紫<br>#f173ac </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>鸢色<br>#8e453f </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>卵色<br>#ffce7b </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>铁色<br>#005344 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>白<br>#fffffb </font> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>小豆色<br>#8f4b4a </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>山吹色<br>#fcaf17 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>锖鼠<br>#122e29 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>胡粉色<br>#fffef9 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>弁柄色<br>#892f1b </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黄土色<br>#ba8448 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>铁御纳戸<br>#293047 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>生成色<br>#f6f5ec </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>栗梅<br>#6b2c25 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>朽叶色<br>#896a45 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青緑<br>#00ae9d </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>灰白<br>#d9d6c3 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>海老茶<br>#733a31 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>空五倍子色<br>#76624c </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>锖浅葱<br>#508a88 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>石竹色<br>#d1c7b7 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>深绯<br>#54211d </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>莺茶<br>#6d5826 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>水浅葱<br>#70a19f </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>象牙色<br>#f2eada </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>赤铜色<br>#78331e </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>向日葵色<br>#ffc20e </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>新桥色<br>#50b7c1 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>乳白色<br>#d3d7d4 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>赤褐色<br>#53261f </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>郁金色<br>#fdb933 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>浅葱色<br>#00a6ac </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>薄钝<br>#999d9c </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>金赤 <br>#f15a22 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>砂色<br>#d3c6a6 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>白群<br>#78cdd1 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>银鼠<br>#a1a3a6 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>赤茶<br>#b4533c </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>芥子色<br>#c7a252 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>御纳戸色<br>#008792 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>茶鼠<br>#9d9087 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>赤锖色<br>#84331f </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>淡黄<br>#dec674 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>瓮覗<br>#94d6da </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>鼠色<br>#8a8c8e </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>黄丹<br>#f47a55 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>亜麻色<br>#b69968 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>水色<br>#afdfe4 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>薄墨色<br>#74787c </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>赤橙<br>#f15a22 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>枯色<br>#c1a173 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>蓝鼠<br>#5e7c85 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>利休鼠<br>#7c8577 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>柿色<br>#f3704b </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>鸟子色<br>#dbce8f </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>秘色<br>#76becc </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>铅色<br>#72777b </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>肉桂色<br>#da765b </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黄色<br>#ffd400 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>空色<br>#90d7ec </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>灰色<br>#77787b </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>桦色<br>#c85d44 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>蒲公英色<br>#ffd400 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>青<br>#009ad6 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>钝色<br>#4f5555 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>炼瓦色 <br>#ae5039 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>中黄<br>#ffe600 </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>蓝色<br>#145b7d </font> 
    </div> </td> 
   <td> 
    <div> 
     <font>煤竹色<br>#6c4c49 </font> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>锖色<br>#6a3427</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>刈安色<br>#f0dc70</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>浓蓝<br>#11264f</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黒茶<br>#563624</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>桧皮色<br>#8f4b38</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黄檗色<br>#fcf16e</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>勿忘草色<br>#7bbfea</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黒橡<br>#3e4145</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>栗色<br>#8e3e1f</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>緑黄色<br>#decb00</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>露草色<br>#33a3dc</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>浓鼠<br>#3c3645</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>黄赤<br>#f36c21</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>鶸色<br>#cbc547</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>缥色<br>#228fbd</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>墨<br>#464547</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>代赭<br>#b4532a</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>海松色<br>#6e6b41</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>浅缥<br>#2468a2</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黒<br>#130c0e</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>骆驼色<br>#b7704f</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>鶸茶<br>#596032</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>薄缥<br>#2570a1</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>黒铁<br>#281f1d</font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>黄茶<br>#de773f</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>山鸠色<br>#525f42</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>薄花色<br>#2585a6</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>蝋色<br>#2f271d </font> 
    </div> </td> 
  </tr> 
 </tbody> 
 <tbody> 
  <tr> 
   <td> 
    <div> 
     <font>洗柿<br>#c99979</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>生壁色<br>#5f5d46</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>绀青<br>#1b315e</font> 
    </div> </td> 
   <td> 
    <div> 
     <font>紫黒<br>#1d1626</font> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

## 配色方案 ##

#### 配色方案一 (粉绿色): ####

*  浏览器边框颜色 `#e8ffe8`
 *  顶部菜单表格背景(深背景) `#e8ffe8`
 *  顶部菜单表格背景(浅背景) `#f7fff7`
 *  表格边框颜色一 `#00b700`
 *  表格边框颜色二 `#b0ffb0`
 *  标题表格颜色一（深背景） `#e8ffe8`
 *  标题表格颜色二（浅背景） `#f7fff7`
 *  表格体颜色一 `#f7fff7`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#e8ffe8`
 *  表格标题栏字体颜色 `#006a00`
 *  表格内容栏字体颜色 `#006a00`
 *  警告提醒语句的颜色 `#000000`

#### 配色方案二 (水橘红色): ####

*  浏览器边框颜色 `#ffe9e1`
 *  顶部菜单表格背景(深背景) `#ffe9e1`
 *  顶部菜单表格背景(浅背景) `#fff9f7`
 *  表格边框颜色一 `#ff8e68`
 *  表格边框颜色二 `#ffa98c`
 *  标题表格颜色一（深背景） `#ffe9e1`
 *  标题表格颜色二（浅背景） `#fff9f7`
 *  表格体颜色一 `#fff9f7`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#ffe9e1`
 *  表格标题栏字体颜色 `#9b2700`
 *  表格内容栏字体颜色 `#9b2700`
 *  警告提醒语句的颜色 `#000000`

#### 配色方案三 (西瓜红色): ####

*  浏览器边框颜色 `#ffe1f0`
 *  顶部菜单表格背景(深背景) `#ffe1f0`
 *  顶部菜单表格背景(浅背景) `#fff4fa`
 *  表格边框颜色一 `#ff51b0`
 *  表格边框颜色二 `#ff8cc6`
 *  标题表格颜色一（深背景） `#ffe1f0`
 *  标题表格颜色二（浅背景） `#fff4fa`
 *  表格体颜色一 `#fff4fa`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#ffe1f0`
 *  表格标题栏字体颜色 `#bf0069`
 *  表格内容栏字体颜色 `#bf0069`
 *  警告提醒语句的颜色 `#602060`

#### 配色方案四 (宝石蓝色): ####

*  浏览器边框颜色 `#d0dcff`
 *  顶部菜单表格背景(深背景) `#d0dcff`
 *  顶部菜单表格背景(浅背景) `#eef2ff`
 *  表格边框颜色一 `#002cae`
 *  表格边框颜色二 `#7d9aff`
 *  标题表格颜色一（深背景） `#d0dcff`
 *  标题表格颜色二（浅背景） `#eef2ff`
 *  表格体颜色一 `#eef2ff`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#d0dcff`
 *  表格标题栏字体颜色 `#001c7b`
 *  表格内容栏字体颜色 `#001c7b`
 *  警告提醒语句的颜色 `#000000`

#### 配色方案五 (湖蓝色): ####

*  浏览器边框颜色 `#cef3ff`
 *  顶部菜单表格背景(深背景) `#cef3ff`
 *  顶部菜单表格背景(浅背景) `#ecfbff`
 *  表格边框颜色一 `#007ca6`
 *  表格边框颜色二 `#15b9ff`
 *  标题表格颜色一（深背景） `#cef3ff`
 *  标题表格颜色二（浅背景） `#ecfbff`
 *  表格体颜色一 `#ecfbff`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#cef3ff`
 *  表格标题栏字体颜色 `#00637b`
 *  表格内容栏字体颜色 `#00637b`
 *  警告提醒语句的颜色 `#007a99`

#### 配色方案六 (金黄色): ####

*  浏览器边框颜色 `#ffeed0`
 *  顶部菜单表格背景(深背景) `#ffeed0`
 *  顶部菜单表格背景(浅背景) `#Fffaf0`
 *  表格边框颜色一 `#co7800`
 *  表格边框颜色二 `#ffc562`
 *  标题表格颜色一（深背景） `#ffeed0`
 *  标题表格颜色二（浅背景） `#Fffaf0`
 *  表格体颜色一 `#Fffaf0`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#ffeed0`
 *  表格标题栏字体颜色 `#754900`
 *  表格内容栏字体颜色 `#754900`
 *  警告提醒语句的颜色 `#8c5800`

#### 配色方案七 (深绿色): ####

*  浏览器边框颜色 `#e0f4e8`
 *  顶部菜单表格背景(深背景) `#e0f4e8`
 *  顶部菜单表格背景(浅背景) `#f0f8f0`
 *  表格边框颜色一 `#288058`
 *  表格边框颜色二 `#88d8b0`
 *  标题表格颜色一（深背景） `#e0f4e8`
 *  标题表格颜色二（浅背景） `#f0f8f0`
 *  表格体颜色一 `#f0f8f0`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#e0f4e8`
 *  表格标题栏字体颜色 `#205838`
 *  表格内容栏字体颜色 `#205838`
 *  警告提醒语句的颜色 `#287048`

#### 配色方案八 (果绿色): ####

*  浏览器边框颜色 `#e8f8d0`
 *  顶部菜单表格背景(深背景) `#e8f8d0`
 *  顶部菜单表格背景(浅背景) `#f8fcf0`
 *  表格边框颜色一 `#507010`
 *  表格边框颜色二 `#a0dc40`
 *  标题表格颜色一（深背景） `#e8f8d0`
 *  标题表格颜色二（浅背景） `#f8fcf0`
 *  表格体颜色一 `#f8fcf0`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#e8f8d0`
 *  表格标题栏字体颜色 `#003300`
 *  表格内容栏字体颜色 `#003300`
 *  警告提醒语句的颜色 `#309478`

#### 配色方案九 (粉色): ####

*  浏览器边框颜色 `#ffe8f0`
 *  顶部菜单表格背景(深背景) `#ffe8f0`
 *  顶部菜单表格背景(浅背景) `#fff6fc`
 *  表格边框颜色一 `#f00078`
 *  表格边框颜色二 `#ff98do`
 *  标题表格颜色一（深背景） `#ffe8f0`
 *  标题表格颜色二（浅背景） `#fff6fc`
 *  表格体颜色一 `#fff6fc`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#ffe8f0`
 *  表格标题栏字体颜色 `#602060`
 *  表格内容栏字体颜色 `#602060`
 *  警告提醒语句的颜色 `#602060`

#### 配色方案十 (紫色): ####

*  浏览器边框颜色 `#f8dcf8`
 *  顶部菜单表格背景(深背景) `#f8dcf8`
 *  顶部菜单表格背景(浅背景) `#fff0ff`
 *  表格边框颜色一 `#983498`
 *  表格边框颜色二 `#d890d8`
 *  标题表格颜色一（深背景） `#f8dcf8`
 *  标题表格颜色二（浅背景） `#fff0ff`
 *  表格体颜色一 `#fff0ff`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#f8dcf8`
 *  表格标题栏字体颜色 `#602060`
 *  表格内容栏字体颜色 `#602060`
 *  警告提醒语句的颜色 `#602060`

#### 配色方案十一 (蓝紫色): ####

*  浏览器边框颜色 `#dedefa`
 *  顶部菜单表格背景(深背景) `#dedefa`
 *  顶部菜单表格背景(浅背景) `#f5f5fe`
 *  表格边框颜色一 `#4040e3`
 *  表格边框颜色二 `#9b9bf0`
 *  标题表格颜色一（深背景） `#dedefa`
 *  标题表格颜色二（浅背景） `#f5f5fe`
 *  表格体颜色一 `#f5f5fe`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#dedefa`
 *  表格标题栏字体颜色 `#151595`
 *  表格内容栏字体颜色 `#151595`
 *  警告提醒语句的颜色 `#602060`

#### 配色方案十二（淡蓝色）： ####

*  浏览器边框颜色 `#e8f0ff`
 *  顶部菜单表格背景(深背景) `#e8f0ff`
 *  顶部菜单表格背景(浅背景) `#f4f9ff`
 *  表格边框颜色一 `#0053ec`
 *  表格边框颜色二 `#a2c2ff`
 *  标题表格颜色一（深背景） `#e8f0ff`
 *  标题表格颜色二（浅背景） `#f4f9ff`
 *  表格体颜色一 `#f4f9ff`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#e8f0ff`
 *  表格标题栏字体颜色 `#6c0091`
 *  表格内容栏字体颜色 `#6c0091`
 *  警告提醒语句的颜色 `#6c0091`

#### 配色方案十三（雪青色）： ####

*  浏览器边框颜色 `#f9e6ff`
 *  顶部菜单表格背景(深背景) `#f9e6ff`
 *  顶部菜单表格背景(浅背景) `#Fdf4ff`
 *  表格边框颜色一 `#cd37ff`
 *  表格边框颜色二 `#ebacff`
 *  标题表格颜色一（深背景） `#f9e6ff`
 *  标题表格颜色二（浅背景） `#Fdf4ff`
 *  表格体颜色一 `#Fdf4ff`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#f9e6ff`
 *  表格标题栏字体颜色 `#205838`
 *  表格内容栏字体颜色 `#205838`
 *  警告提醒语句的颜色 `#287048`

#### 配色方案十四（青绿色：中等，缺色时再使用）： ####

*  浏览器边框颜色 `#dffff3`
 *  顶部菜单表格背景(深背景) `#dffff3`
 *  顶部菜单表格背景(浅背景) `#F7FFFc`
 *  表格边框颜色一 `#00935b`
 *  表格边框颜色二 `#00ce81`
 *  标题表格颜色一（深背景） `#dffff3`
 *  标题表格颜色二（浅背景） `#F7FFFc`
 *  表格体颜色一 `#F7FFFc`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#dffff3`
 *  表格标题栏字体颜色 `#005b39`
 *  表格内容栏字体颜色 `#005b39`
 *  警告提醒语句的颜色 `#005b39`

#### 配色方案十五（酱红色）： ####

*  浏览器边框颜色 `#ffd2c4`
 *  顶部菜单表格背景(深背景) `#ffd2c4`
 *  顶部菜单表格背景(浅背景) `#ffede8`
 *  表格边框颜色一 `#db3700`
 *  表格边框颜色二 `#ff8c6a`
 *  标题表格颜色一（深背景） `#ffd2c4`
 *  标题表格颜色二（浅背景） `#ffede8`
 *  表格体颜色一 `#ffede8`
 *  表格体颜色二(1和2颜色在首页显示中穿插) `#ffd2c4`
 *  表格标题栏字体颜色 `#8a1f00`
 *  表格内容栏字体颜色 `#8a1f00`
 *  警告提醒语句的颜色 `#8a1f00`

**相关文章推荐：**  
[程序员看过都说好的资源网站，你懂得！][Link 1]  
[CSDN如何发表自定义颜色的字体/号？（Markdown编辑器）][CSDN_Markdown]  
[4部网页配色电子书库之第1部——颜色代码查询表][4_1]  
[4部网页配色电子书库之第2部——颜色英文名称查询表][4_2]  
[4部网页配色电子书库之第4部——网站配色方案赏析][4_4]

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

感谢您的点赞与关注。![format_png][]

[Link 1]: https://blog.csdn.net/weixin_44563573/article/details/103200510
[CSDN_Markdown]: https://blog.csdn.net/weixin_44563573/article/details/102821654
[4_1]: https://blog.csdn.net/weixin_44563573/article/details/107930417
[4_2]: https://blog.csdn.net/weixin_44563573/article/details/107936949
[4_4]: https://blog.csdn.net/weixin_44563573/article/details/107971660
[20200812160600439.gif_pic_center]: /images/20221124/9cae99c60b4645ce9f5a26f90010812c.png
[format_png]: /images/20221124/803abfcd848840e59df23709c07e3ceb.png