📄 color.html
字号:
<html>
<head>
<title>HTML颜色选择参考</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body BGCOLOR="#FFFFFF" LINK="#006060">
<h3 ALIGN="CENTER"><font color="#0080C0" size="5">颜色配色表</font>
</h3>
<form>
<p><select NAME="color" onChange="document.bgColor=this.options[this.selectedIndex].value"
size="1">
<option VALUE="feffeb" selected>选择背景色 </option>
<option VALUE="d2ddff">淡紫蓝d2ddff </option>
<option VALUE="feffc6">淡金黄feffc6 </option>
<option VALUE="feefc7">太阳黄feefc7 </option>
<option VALUE="wheat">小麦黄wheat </option>
<option VALUE="ffd2c6">淡红橘ffd2c6 </option>
<option VALUE="c7fed8">苹果绿c7fed8 </option>
<option VALUE="ivory">象牙白ivory </option>
<option VALUE="bisque">海鲜色bisque </option>
<option VALUE="snow">飘雪白snow </option>
<option VALUE="papayawhip">木瓜色 </option>
<option VALUE="beige">浅褐色beige </option>
<option VALUE="azure">碧空色azure </option>
<option VALUE="aquamarine">碧绿色aquamarine </option>
<option VALUE="FF0000">红色FF0000 </option>
<option VALUE="00FF00">绿色00FF00 </option>
<option VALUE="0000FF">蓝色0000FF </option>
<option VALUE="000000">黑色000000 </option>
<option VALUE="FFFFFF">白色FFFFFF </option>
<option VALUE="ff00aa">00ff44 </option>
<option VALUE="ffaa00">ffaa00 </option>
<option VALUE="00ff44">00ff44 </option>
<option VALUE="00ffgg">00ffgg </option>
<option VALUE="00ddff">00ddff </option>
<option VALUE="3344ff">3344ff </option>
<option VALUE="f44444">f44444 </option>
<option VALUE="ffeeaa">ffeeaa </option>
<option VALUE="gg3456">gg3456 </option>
<option VALUE="eeffee">eeffaa </option>
<option VALUE="ee0033">ee0033 </option>
<option VALUE="00ee44">00ee44 </option>
<option VALUE="3300gg">3300gg </option>
<option VALUE="cc0044">cc0044 </option>
<option VALUE="00ee00">00ee00 </option>
<option VALUE="0044gg">0044gg </option>
<option VALUE="bb77cc">bb77cc </option>
<option VALUE="dd33aa">dd33aa </option>
<option VALUE="3333gg">3333gg </option>
<option VALUE="123456">123456 </option>
</select></p>
</form>
<div align="center"><center>
<table BORDER="1" CELLPADDING="3" WIDTH="500">
<tr>
<td align="center" cellspacing="6" bgcolor="red"><font SIZE="-1" COLOR="#FFFF00">red</font></td>
<td align="center" cellspacing="6" bgcolor="green"><font SIZE="-1" COLOR="#000000">green</font></td>
<td align="center" cellspacing="6" bgcolor="blue"><font SIZE="-1" COLOR="#FFFF00">blue</font></td>
<td align="center" cellspacing="6" bgcolor="magenta"><font SIZE="-1" COLOR="#FFFF00">magenta</font></td>
<td align="center" cellspacing="6" bgcolor="yellow"><font SIZE="-1" COLOR="#000000">yellow</font></td>
<td align="center" cellspacing="6" bgcolor="chocolate"><font SIZE="-1" COLOR="#000000">chocolate</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="black"><font SIZE="-1" COLOR="#FFFF00">black</font></td>
<td align="center" cellspacing="6" bgcolor="aquamarine"><font SIZE="-1" COLOR="#000000">aquamarine</font></td>
<td align="center" cellspacing="6" bgcolor="lime"><font SIZE="-1" COLOR="#000000">lime</font></td>
<td align="center" cellspacing="6" bgcolor="fuchsia"><font SIZE="-1" COLOR="#FFFF00">fuchsia</font></td>
<td align="center" cellspacing="6" bgcolor="brass"><font SIZE="-1" COLOR="#FFFF00">brass</font></td>
<td align="center" cellspacing="6" bgcolor="azure"><font SIZE="-1" COLOR="#FF0000">azure</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="brown"><font SIZE="-1" COLOR="#FFFF00">brown</font></td>
<td align="center" cellspacing="6" bgcolor="bronze"><font SIZE="-1" COLOR="#FFFF00">bronze</font></td>
<td align="center" cellspacing="6" bgcolor="deeppink"><font SIZE="-1" COLOR="#000000">deeppink</font></td>
<td align="center" cellspacing="6" bgcolor="aliceblue"><font SIZE="-1" COLOR="#000000">aliceblue</font></td>
<td align="center" cellspacing="6" bgcolor="gray"><font SIZE="-1" COLOR="#FFFF00">gray</font></td>
<td align="center" cellspacing="6" bgcolor="copper"><font SIZE="-1" COLOR="#FFFF00">copper</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="coral"><font SIZE="-1" COLOR="#000000">coral</font></td>
<td align="center" cellspacing="6" bgcolor="feldspar"><font SIZE="-1" COLOR="#FF0000">feldspar</font></td>
<td align="center" cellspacing="6" bgcolor="orange"><font SIZE="-1" COLOR="#000000">orange</font></td>
<td align="center" cellspacing="6" bgcolor="orchid"><font SIZE="-1" COLOR="#000000">orchid</font></td>
<td align="center" cellspacing="6" bgcolor="pink"><font SIZE="-1" COLOR="#FF0000">pink</font></td>
<td align="center" cellspacing="6" bgcolor="plum"><font SIZE="-1" COLOR="#000000">plum</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="quartz"><font SIZE="-1" COLOR="#FFFF00">quartz</font></td>
<td align="center" cellspacing="6" bgcolor="purple"><font SIZE="-1" COLOR="#FFFF00">purple</font></td>
<td align="center" cellspacing="6" bgcolor="aliceblue"><font SIZE="-1" COLOR="#000000">aliceblue</font></td>
<td align="center" cellspacing="6" bgcolor="antiquewith"><font SIZE="-1" COLOR="#FFFF00">antiquewith</font></td>
<td align="center" cellspacing="6" bgcolor="blanchedalmond"><font SIZE="-1"
COLOR="#FF0000">blanchedalmond</font></td>
<td align="center" cellspacing="6" bgcolor="blueviolet"><font SIZE="-1" COLOR="#000000">blueviolet</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="beige"><font SIZE="-1" COLOR="#FF0000">beige</font></td>
<td align="center" cellspacing="6" bgcolor="burlywood"><font SIZE="-1" COLOR="#FFFF00">burlywood</font></td>
<td align="center" cellspacing="6" bgcolor="bisque"><font SIZE="-1" COLOR="#000000">bisque</font></td>
<td align="center" cellspacing="6" bgcolor="cadetblue"><font SIZE="-1" COLOR="#FFFF00">cadetblue</font></td>
<td align="center" cellspacing="6" bgcolor="pink"><font SIZE="-1" COLOR="#000000">pink</font></td>
<td align="center" cellspacing="6" bgcolor="saddlebrown"><font SIZE="-1" COLOR="#FFFF00">saddlebrown</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="royalblue"><font SIZE="-1" COLOR="#FFFF00">royalblue</font></td>
<td align="center" cellspacing="6" bgcolor="rosybrown"><font SIZE="-1" COLOR="#000000">rosybrown</font></td>
<td align="center" cellspacing="6" bgcolor="purple"><font SIZE="-1" COLOR="#FFFF00">purple</font></td>
<td align="center" cellspacing="6" bgcolor="orengered"><font SIZE="-1" COLOR="#FFFF00">orengered</font></td>
<td align="center" cellspacing="6" bgcolor="olivedrab"><font SIZE="-1" COLOR="#000000">olivedrab</font></td>
<td align="center" cellspacing="6" bgcolor="powderblue"><font SIZE="-1" COLOR="#FF0000">powderblue</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="peachpuff"><font SIZE="-1" COLOR="#000000">peachpuff</font></td>
<td align="center" cellspacing="6" bgcolor="papayawhip"><font SIZE="-1" COLOR="#FF0000">papayawhip</font></td>
<td align="center" cellspacing="6" bgcolor="paleturquoise"><font SIZE="-1" COLOR="#FF0000">paleturquoise</font></td>
<td align="center" cellspacing="6" bgcolor="palevioletred"><font SIZE="-1" COLOR="#000000">palevioletred</font></td>
<td align="center" cellspacing="6" bgcolor="palegreen"><font SIZE="-1" COLOR="#FF0000">palegreen</font></td>
<td align="center" cellspacing="6" bgcolor="navyblue"><font SIZE="-1" COLOR="#FFFF00">navyblue</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="navajowhite"><font SIZE="-1" COLOR="#000000">navajowhite</font></td>
<td align="center" cellspacing="6" bgcolor="palegodenrod"><font SIZE="-1" COLOR="#FFFF00">palegodenrod</font></td>
<td align="center" cellspacing="6" bgcolor="violetred"><font SIZE="-1" COLOR="#FF0000">violetred</font></td>
<td align="center" cellspacing="6" bgcolor="yellowgreen"><font SIZE="-1" COLOR="#FF0000">yellowgreen</font></td>
<td align="center" cellspacing="6" bgcolor="tomato"><font SIZE="-1" COLOR="#FFFF00">tomato</font></td>
<td align="center" cellspacing="6" bgcolor="turquoise"><font SIZE="-1" COLOR="#FF0000">turquoise</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="thistle"><font SIZE="-1" COLOR="#FF0000">thistle</font></td>
<td align="center" cellspacing="6" bgcolor="springgreen"><font SIZE="-1" COLOR="#FF0000">springgreen</font></td>
<td align="center" cellspacing="6" bgcolor="steelblue"><font SIZE="-1" COLOR="#000000">steelblue</font></td>
<td align="center" cellspacing="6" bgcolor="salmon"><font SIZE="-1" COLOR="#000000">salmon</font></td>
<td align="center" cellspacing="6" bgcolor="scarlet"><font SIZE="-1" COLOR="#FFFF00">scarlet</font></td>
<td align="center" cellspacing="6" bgcolor="sienna"><font SIZE="-1" COLOR="#FFFF00">sienna</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="silver"><font SIZE="-1" COLOR="#000000">silver</font></td>
<td align="center" cellspacing="6" bgcolor="tan"><font SIZE="-1" COLOR="#FFFF00">tan</font></td>
<td align="center" cellspacing="6" bgcolor="thistle"><font SIZE="-1" COLOR="#000000">thistle</font></td>
<td align="center" cellspacing="6" bgcolor="turquoise"><font SIZE="-1" COLOR="#FF0000">turquoise</font></td>
<td align="center" cellspacing="6" bgcolor="violet"><font SIZE="-1" COLOR="#FFFF00">violet</font></td>
<td align="center" cellspacing="6" bgcolor="snow"><font SIZE="-1" COLOR="#FF0000">snow</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="salmon"><font SIZE="-1" COLOR="#000000">salmon</font></td>
<td align="center" cellspacing="6" bgcolor="scarlet"><font SIZE="-1" COLOR="#FFFF00">scarlet</font></td>
<td align="center" cellspacing="6" bgcolor="sienna"><font SIZE="-1" COLOR="#FFFF00">sienna</font></td>
<td align="center" cellspacing="6" bgcolor="silver"><font SIZE="-1" COLOR="#000000">silver</font></td>
<td align="center" cellspacing="6" bgcolor="tan"><font SIZE="-1" COLOR="#FFFF00">tan</font></td>
<td align="center" cellspacing="6" bgcolor="thistle"><font SIZE="-1" COLOR="#000000">thistle</font></td>
</tr>
<tr>
<td align="center" cellspacing="6" bgcolor="turquoise"><font SIZE="-1" COLOR="#FF0000">turquoise</font></td>
<td align="center" cellspacing="6" bgcolor="violet"><font SIZE="-1" COLOR="#FFFF00">violet</font></td>
<td align="center" cellspacing="6" bgcolor="chartreuse"><font SIZE="-1" COLOR="#FF0000">chartreuse</font></td>
<td align="center" cellspacing="6" bgcolor="firebrick"><font SIZE="-1" COLOR="#FFFF00">firebrick</font></td>
<td align="center" cellspacing="6" bgcolor="gold"><font SIZE="-1" COLOR="#000000">gold</font></td>
<td align="center" cellspacing="6" bgcolor="khaki"><font SIZE="-1" COLOR="#FF0000">khaki</font></td>
</tr>
<tr>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -