绝对超酷的JS颜色板 -- [色彩类别]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

订阅本栏目 RSS您所在的位置: 深山工作室 > 色彩类别 > 正文

绝对超酷的JS颜色板

http://myjs.chinaz.com 2008/7/7 22:02:01 深山行者字体:大中小浏览 8467

以下为详细代码

绝对超酷的JS颜色板

<style>td{font:menu;line-height:100%;cursor:hand}</style>
<script>
function getSelColor(){
sColor=event.srcElement.bgColor;
form.color.value=sColor;
document.body.bgColor=sColor;
alert(sColor);
}
</script>
<BODY >
  <TABLE cellspacing="1" bgcolor="BLACK" width="456" style="font-size:8px" onclick="getSelColor()">
    <TR> 
      <TD colspan="36" align="CENTER"><FONT face="Verdana,Arial" size="1" color="WHITE">The 
        Safety Palette</FONT></TD>
    </TR>
    <TR> 
      <TD bgcolor="zzzggdddddddddeeeee"> </TD>
      <TD bgcolor="#000033"> </TD>
      <TD bgcolor="#000066"> </TD>
      <TD bgcolor="#000099"> </TD>
      <TD bgcolor="#0000CC"> </TD>
      <TD bgcolor="#0000FF"> </TD>
      <TD bgcolor="#003300"> </TD>
      <TD bgcolor="#003333"> </TD>
      <TD bgcolor="#003366"> </TD>
      <TD bgcolor="#003399"> </TD>
      <TD bgcolor="#0033CC"> </TD>
      <TD bgcolor="#0033FF"> </TD>
      <TD bgcolor="#006600"> </TD>
      <TD bgcolor="#006633"> </TD>
      <TD bgcolor="#006666"> </TD>
      <TD bgcolor="#006699"> </TD>
      <TD bgcolor="#0066CC"> </TD>
      <TD bgcolor="#0066FF"> </TD>
      <TD bgcolor="#009900"> </TD>
      <TD bgcolor="#009933"> </TD>
      <TD bgcolor="#009966"> </TD>
      <TD bgcolor="#009999"> </TD>
      <TD bgcolor="#0099CC"> </TD>
      <TD bgcolor="#0099FF"> </TD>
      <TD bgcolor="#00CC00"> </TD>
      <TD bgcolor="#00CC33"> </TD>
      <TD bgcolor="#00CC66"> </TD>
      <TD bgcolor="#00CC99"> </TD>
      <TD bgcolor="#00CCCC"> </TD>
      <TD bgcolor="#00CCFF"> </TD>
      <TD bgcolor="#00FF00"> </TD>
      <TD bgcolor="#00FF33"> </TD>
      <TD bgcolor="#00FF66"> </TD>
      <TD bgcolor="#00FF99"> </TD>
      <TD bgcolor="#00FFCC"> </TD>
      <TD bgcolor="#00FFFF"> </TD>
    </TR>
    <TR> 
      <TD bgcolor="#330000"> </TD>
      <TD bgcolor="#330033"> </TD>
      <TD bgcolor="#330066"> </TD>
      <TD bgcolor="#330099"> </TD>
      <TD bgcolor="#3300CC"> </TD>
      <TD bgcolor="#3300FF"> </TD>
      <TD bgcolor="#333300"> </TD>
      <TD bgcolor="#333333"> </TD>
      <TD bgcolor="#333366"> </TD>
      <TD bgcolor="#333399"> </TD>
      <TD bgcolor="#3333CC"> </TD>
      <TD bgcolor="#3333FF"> </TD>
      <TD bgcolor="#336600"> </TD>
      <TD bgcolor="#336633"> </TD>
      <TD bgcolor="#336666"> </TD>
      <TD bgcolor="#336699"> </TD>
      <TD bgcolor="#3366CC"> </TD>
      <TD bgcolor="#3366FF"> </TD>
      <TD bgcolor="#339900"> </TD>
      <TD bgcolor="#339933"> </TD>
      <TD bgcolor="#339966"> </TD>
      <TD bgcolor="#339999"> </TD>
      <TD bgcolor="#3399CC"> </TD>
      <TD bgcolor="#3399FF"> </TD>
      <TD bgcolor="#33CC00"> </TD>
      <TD bgcolor="#33CC33"> </TD>
      <TD bgcolor="#33CC66"> </TD>
      <TD bgcolor="#33CC99"> </TD>
      <TD bgcolor="#33CCCC"> </TD>
      <TD bgcolor="#33CCFF"> </TD>
      <TD bgcolor="#33FF00"> </TD>
      <TD bgcolor="#33FF33"> </TD>
      <TD bgcolor="#33FF66"> </TD>
      <TD bgcolor="#33FF99"> </TD>
      <TD bgcolor="#33FFCC"> </TD>
      <TD bgcolor="#33FFFF"> </TD>
    </TR>
    <TR> 
      <TD bgcolor="#660000"> </TD>
      <TD bgcolor="#660033"> </TD>
      <TD bgcolor="#660066"> </TD>
      <TD bgcolor="#660099"> </TD>
      <TD bgcolor="#6600CC"> </TD>
      <TD bgcolor="#6600FF"> </TD>
      <TD bgcolor="#663300"> </TD>
      <TD bgcolor="#663333"> </TD>
      <TD bgcolor="#663366"> </TD>
      <TD bgcolor="#663399"> </TD>
      <TD bgcolor="#6633CC"> </TD>
      <TD bgcolor="#6633FF"> </TD>
      <TD bgcolor="#666600"> </TD>
      <TD bgcolor="#666633"> </TD>
      <TD bgcolor="#666666"> </TD>
      <TD bgcolor="#666699"> </TD>
      <TD bgcolor="#6666CC"> </TD>
      <TD bgcolor="#6666FF"> </TD>
      <TD bgcolor="#669900"> </TD>
      <TD bgcolor="#669933"> </TD>
      <TD bgcolor="#669966"> </TD>
      <TD bgcolor="#669999"> </TD>
      <TD bgcolor="#6699CC"> </TD>
      <TD bgcolor="#6699FF"> </TD>
      <TD bgcolor="#66CC00"> </TD>
      <TD bgcolor="#66CC33"> </TD>
      <TD bgcolor="#66CC66"> </TD>
      <TD bgcolor="#66CC99"> </TD>
      <TD bgcolor="#66CCCC"> </TD>
      <TD bgcolor="#66CCFF"> </TD>
      <TD bgcolor="#66FF00"> </TD>
      <TD bgcolor="#66FF33"> </TD>
      <TD bgcolor="#66FF66"> </TD>
      <TD bgcolor="#66FF99"> </TD>
      <TD bgcolor="#66FFCC"> </TD>
      <TD bgcolor="#66FFFF"> </TD>
    </TR>
    <TR> 
      <TD bgcolor="#990000"> </TD>
      <TD bgcolor="#990033"> </TD>
      <TD bgcolor="#990066"> </TD>
      <TD bgcolor="#990099"> </TD>
      <TD bgcolor="#9900CC"> </TD>
      <TD bgcolor="#9900FF"> </TD>
      <TD bgcolor="#993300"> </TD>
      <TD bgcolor="#993333"> </TD>
      <TD bgcolor="#993366"> </TD>
      <TD bgcolor="#993399"> </TD>
      <TD bgcolor="#9933CC"> </TD>
      <TD bgcolor="#9933FF"> </TD>
      <TD bgcolor="#996600"> </TD>
      <TD bgcolor="#996633"> </TD>
      <TD bgcolor="#996666"> </TD>
      <TD bgcolor="#996699"> </TD>
      <TD bgcolor="#9966CC"> </TD>
      <TD bgcolor="#9966FF"> </TD>
      <TD bgcolor="#999900"> </TD>
      <TD bgcolor="#999933"> </TD>
      <TD bgcolor="#999966"> </TD>
      <TD bgcolor="#999999"> </TD>
      <TD bgcolor="#9999CC"> </TD>
      <TD bgcolor="#9999FF"> </TD>
      <TD bgcolor="#99CC00"> </TD>
      <TD bgcolor="#99CC33"> </TD>
      <TD bgcolor="#99CC66"> </TD>
      <TD bgcolor="#99CC99"> </TD>
      <TD bgcolor="#99CCCC"> </TD>
      <TD bgcolor="#99CCFF"> </TD>
      <TD bgcolor="#99FF00"> </TD>
      <TD bgcolor="#99FF33"> </TD>
      <TD bgcolor="#99FF66"> </TD>
      <TD bgcolor="#99FF99"> </TD>
      <TD bgcolor="#99FFCC"> </TD>
      <TD bgcolor="#99FFFF"> </TD>
    </TR>
    <TR> 
      <TD bgcolor="#CC0000"> </TD>
      <TD bgcolor="#CC0033"> </TD>
      <TD bgcolor="#CC0066"> </TD>
      <TD bgcolor="#CC0099"> </TD>
      <TD bgcolor="#CC00CC"> </TD>
      <TD bgcolor="#CC00FF"> </TD>
      <TD bgcolor="#CC3300"> </TD>
      <TD bgcolor="#CC3333"> </TD>
      <TD bgcolor="#CC3366"> </TD>
      <TD bgcolor="#CC3399"> </TD>
      <TD bgcolor="#CC33CC"> </TD>
      <TD bgcolor="#CC33FF"> </TD>
      <TD bgcolor="#CC6600"> </TD>
      <TD bgcolor="#CC6633"> </TD>
      <TD bgcolor="#CC6666"> </TD>
      <TD bgcolor="#CC6699"> </TD>
      <TD bgcolor="#CC66CC"> </TD>
      <TD bgcolor="#CC66FF"> </TD>
      <TD bgcolor="#CC9900"> </TD>
      <TD bgcolor="#CC9933"> </TD>
      <TD bgcolor="#CC9966"> </TD>
      <TD bgcolor="#CC9999"> </TD>
      <TD bgcolor="#CC99CC"> </TD>
      <TD bgcolor="#CC99FF"> </TD>
      <TD bgcolor="#CCCC00"> </TD>
      <TD bgcolor="#CCCC33"> </TD>
      <TD bgcolor="#CCCC66"> </TD>
      <TD bgcolor="#CCCC99"> </TD>
      <TD bgcolor="#CCCCCC"> </TD>
      <TD bgcolor="#CCCCFF"> </TD>
      <TD bgcolor="#CCFF00"> </TD>
      <TD bgcolor="#CCFF33"> </TD>
      <TD bgcolor="#CCFF66"> </TD>
      <TD bgcolor="#CCFF99"> </TD>
      <TD bgcolor="#CCFFCC"> </TD>
      <TD bgcolor="#CCFFFF"> </TD>
    </TR>
    <TR> 
      <TD bgcolor="#FF0000"> </TD>
      <TD bgcolor="#FF0033"> </TD>
      <TD bgcolor="#FF0066"> </TD>
      <TD bgcolor="#FF0099"> </TD>
      <TD bgcolor="#FF00CC"> </TD>
      <TD bgcolor="#FF00FF"> </TD>
      <TD bgcolor="#FF3300"> </TD>
      <TD bgcolor="#FF3333"> </TD>
      <TD bgcolor="#FF3366"> </TD>
      <TD bgcolor="#FF3399"> </TD>
      <TD bgcolor="#FF33CC"> </TD>
      <TD bgcolor="#FF33FF"> </TD>
      <TD bgcolor="#FF6600"> </TD>
      <TD bgcolor="#FF6633"> </TD>
      <TD bgcolor="#FF6666"> </TD>
      <TD bgcolor="#FF6699"> </TD>
      <TD bgcolor="#FF66CC"> </TD>
      <TD bgcolor="#FF66FF"> </TD>
      <TD bgcolor="#FF9900"> </TD>
      <TD bgcolor="#FF9933"> </TD>
      <TD bgcolor="#FF9966"> </TD>
      <TD bgcolor="#FF9999"> </TD>
      <TD bgcolor="#FF99CC"> </TD>
      <TD bgcolor="#FF99FF"> </TD>
      <TD bgcolor="#FFCC00"> </TD>
      <TD bgcolor="#FFCC33"> </TD>
      <TD bgcolor="#FFCC66"> </TD>
      <TD bgcolor="#FFCC99"> </TD>
      <TD bgcolor="#FFCCCC"> </TD>
      <TD bgcolor="#FFCCFF"> </TD>
      <TD bgcolor="#FFFF00"> </TD>
      <TD bgcolor="#FFFF33"> </TD>
      <TD bgcolor="#FFFF66"> </TD>
      <TD bgcolor="#FFFF99"> </TD>
      <TD bgcolor="#FFFFCC"> </TD>
      <TD bgcolor="#FFFFFF"> </TD>
    </TR>
  </TABLE>
  <TABLE cellspacing="1" bgcolor="BLACK" width="456" style="font-size:8px" onclick="getSelColor()">
    <TR> 
      <TD colspan="4" align="CENTER"><FONT face="Verdana,Arial" size="1" color="WHITE">The 
        Safety Palette</FONT></TD>
    </TR>
<tr>
<td align="center" bgcolor="activeborder">activeborder</td>
<td align="center" bgcolor="activecaption">activecaption</td>
<td align="center" bgcolor="appworkspace">appworkspace</td>
<td align="center" bgcolor="background">background</td>
</tr>
<tr>
<td align="center" bgcolor="buttonface">buttonface</td>
<td align="center" bgcolor="buttonhighlight">buttonhighlight</td>
<td align="center" bgcolor="buttonshadow">buttonshadow</td>
<td align="center" bgcolor="buttontext">buttontext</td>
</tr>
<tr>
<td align="center" bgcolor="captiontext">captiontext</td>
<td align="center" bgcolor="graytext">graytext</td>
<td align="center" bgcolor="highlight">highlight</td>
<td align="center" bgcolor="highlighttext">highlighttext</td>
</tr>
<tr>
<td align="center" bgcolor="inactiveborder">inactiveborder</td>
<td align="center" bgcolor="inactivecaption">inactivecaption</td>
<td align="center" bgcolor="inactivecaptiontext">inactivecaptiontext</td>
<td align="center" bgcolor="infobackground">infobackground</td>
</tr>
<tr>
<td align="center" bgcolor="infotext">infotext</td>
<td align="center" bgcolor="menu">menu</td>
<td align="center" bgcolor="menutext">menutext</td>
<td align="center" bgcolor="scrollbar">scrollbar</td>
</tr>
<tr>
<td align="center" bgcolor="threeddarkshadow">threeddarkshadow</td>
<td align="center" bgcolor="buttonface">threedface</td>
<td align="center" bgcolor="buttonhighlight">threedhighlight</td>
<td align="center" bgcolor="threedlightshadow">threedlightshadow</td>
</tr>
<tr>
<td align="center" bgcolor="buttonshadow">threedshadow</td>
<td align="center" bgcolor="window">window</td>
<td align="center" bgcolor="windowframe">windowframe</td>
<td align="center" bgcolor="windowtext">windowtext</td>
</tr>
<tr>
<td align="center" bgcolor="aliceblue">aliceblue<br>(#F0F8FF)</td>
<td align="center" bgcolor="antiquewhite">antiquewhite<br>(#FAEBD7)</td>
<td align="center" bgcolor="aqua">aqua<br>(#00FFFF)</td>
<td align="center" bgcolor="aquamarine">aquamarine<br>(#7FFFD4)</td>
</tr>
<tr>
<td align="center" bgcolor="azure">azure<br>(#F0FFFF)</td>
<td align="center" bgcolor="beige">beige<br>(#F5F5DC)</td>
<td align="center" bgcolor="bisque">bisque<br>(#FFE4C4)</td>
<td align="center" bgcolor="black">black<br>(#000000)</td>
</tr>
<tr>
<td align="center" bgcolor="blanchedalmond">blanchedalmond<br>(#FFEBCD)</td>
<td align="center" bgcolor="#0000ff">blue<br>(#0000FF)</td>
<td align="center" bgcolor="#8a2be2">blueviolet<br>(#8A2BE2)</td>
<td align="center" bgcolor="brown">brown<br>(#A52A2A)</td>
</tr>
<tr>
<td align="center" bgcolor="burlywood">burlywood<br>(#DEB887)</td>
<td align="center" bgcolor="cadetblue">cadetblue<br>(#5F9EA0)</td>
<td align="center" bgcolor="chartreuse">chartreuse<br>(#7FFF00)</td>
<td align="center" bgcolor="chocolate">chocolate<br>(#D2691E)</td>
</tr>
<tr>
<td align="center" bgcolor="coral">coral<br>(#FF7F50)</td>
<td align="center" bgcolor="#6495ed">cornflowerblue<br>(#6495ED)</td>
<td align="center" bgcolor="cornsilk">cornsilk<br>(#FFF8DC)</td>
<td align="center" bgcolor="crimson">crimson<br>(#DC143C)</td>
</tr>
<tr>
<td align="center" bgcolor="cyan">cyan<br>(#00FFFF)</td>
<td align="center" bgcolor="darkblue">darkblue<br>(#00008B)</td>
<td align="center" bgcolor="darkcyan">darkcyan<br>(#008B8B)</td>
<td align="center" bgcolor="darkgoldenrod">darkgoldenrod<br>(#B8860B)</td>
</tr>
<tr>
<td align="center" bgcolor="darkgray">darkgray<br>(#A9A9A9)</td>
<td align="center" bgcolor="darkgreen">darkgreen<br>(#006400)</td>
<td align="center" bgcolor="darkkhaki">darkkhaki<br>(#BDB76B)</td>
<td align="center" bgcolor="darkmagenta">darkmagenta<br>(#8B008B)</td>
</tr>
<tr>
<td align="center" bgcolor="darkolivegreen">darkolivegreen<br>(#556B2F)</td>
<td align="center" bgcolor="darkorange">darkorange<br>(#FF8C00)</td>
<td align="center" bgcolor="darkorchid">darkorchid<br>(#9932CC)</td>
<td align="center" bgcolor="darkred">darkred<br>(#8B0000)</td>
</tr>
<tr>
<td align="center" bgcolor="darksalmon">darksalmon<br>(#E9967A)</td>
<td align="center" bgcolor="darkseagreen">darkseagreen<br>(#8FBC8B)</td>
<td align="center" bgcolor="darkslateblue">darkslateblue<br>(#483D8B)</td>
<td align="center" bgcolor="darkslategray">darkslategray<br>(#2F4F4F)</td>
</tr>
<tr>
<td align="center" bgcolor="darkturquoise">darkturquoise<br>(#00CED1)</td>
<td align="center" bgcolor="darkviolet">darkviolet<br>(#9400D3)</td>
<td align="center" bgcolor="deeppink">deeppink<br>(#FF1493)</td>
<td align="center" bgcolor="deepskyblue">deepskyblue<br>(#00BFFF)</td>
</tr>
<tr>
<td align="center" bgcolor="dimgray">dimgray<br>(#696969)</td>
<td align="center" bgcolor="dodgerblue">dodgerblue<br>(#1E90FF)</td>
<td align="center" bgcolor="firebrick">firebrick<br>(#B22222)</td>
<td align="center" bgcolor="floralwhite">floralwhite<br>(#FFFAF0)</td>
</tr>
<tr>
<td align="center" bgcolor="forestgreen">forestgreen<br>(#228B22)</td>
<td align="center" bgcolor="#ff00ff">fuchsia<br>(#FF00FF)</td>
<td align="center" bgcolor="gainsboro">gainsboro<br>(#DCDCDC)</td>
<td align="center" bgcolor="ghostwhite">ghostwhite<br>(#F8F8FF)</td>
</tr>
<tr>
<td align="center" bgcolor="gold">gold<br>(#FFD700)</td>
<td align="center" bgcolor="goldenrod">goldenrod<br>(#DAA520)</td>
<td align="center" bgcolor="gray">gray<br>(#808080)</td>
<td align="center" bgcolor="green">green<br>(#008000)</td>
</tr>
<tr>
<td align="center" bgcolor="greenyellow">greenyellow<br>(#ADFF2F)</td>
<td align="center" bgcolor="honeydew">honeydew<br>(#F0FFF0)</td>
<td align="center" bgcolor="hotpink">hotpink<br>(#FF69B4)</td>
<td align="center" bgcolor="indianred">indianred<br>(#CD5C5C)</td>
</tr>
<tr>
<td align="center" bgcolor="indigo">indigo<br>(#4B0082)</td>
<td align="center" bgcolor="ivory">ivory<br>(#FFFFF0)</td>
<td align="center" bgcolor="khaki">khaki<br>(#F0E68C)</td>
<td align="center" bgcolor="lavender">lavender<br>(#E6E6FA)</td>
</tr>
<tr>
<td align="center" bgcolor="lavenderblush">lavenderblush<br>(#FFF0F5)</td>
<td align="center" bgcolor="lawngreen">lawngreen<br>(#7CFC00)</td>
<td align="center" bgcolor="lemonchiffon">lemonchiffon<br>(#FFFACD)</td>
<td align="center" bgcolor="lightblue">lightblue<br>(#ADD8E6)</td>
</tr>
<tr>
<td align="center" bgcolor="lightcoral">lightcoral<br>(#F08080)</td>
<td align="center" bgcolor="lightcyan">lightcyan<br>(#E0FFFF)</td>
<td align="center" bgcolor="lightgoldenrodyellow">lightgoldenrodyellow<br>(#FAFAD2)</td>
<td align="center" bgcolor="lightgreen">lightgreen<br>(#90EE90)</td>
</tr>
<tr>
<td align="center" bgcolor="lightgrey">lightgrey<br>(#D3D3D3)</td>
<td align="center" bgcolor="lightpink">lightpink<br>(#FFB6C1)</td>
<td align="center" bgcolor="lightsalmon">lightsalmon<br>(#FFA07A)</td>
<td align="center" bgcolor="lightseagreen">lightseagreen<br>(#20B2AA)</td>
</tr>
<tr>
<td align="center" bgcolor="lightskyblue">lightskyblue<br>(#87CEFA)</td>
<td align="center" bgcolor="lightslategray">lightslategray<br>(#778899)</td>
<td align="center" bgcolor="lightsteelblue">lightsteelblue<br>(#B0C4DE)</td>
<td align="center" bgcolor="lightyellow">lightyellow<br>(#FFFFE0)</td>
</tr>
<tr>
<td align="center" bgcolor="lime">lime<br>(#00FF00)</td>
<td align="center" bgcolor="limegreen">limegreen<br>(#32CD32)</td>
<td align="center" bgcolor="linen">linen<br>(#FAF0E6)</td>
<td align="center" bgcolor="magenta">magenta<br>(#FF00FF)</td>
</tr>
<tr>
<td align="center" bgcolor="maroon">maroon<br>(#800000)</td>
<td align="center" bgcolor="mediumaquamarine">mediumaquamarine<br>(#66CDAA)</td>
<td align="center" bgcolor="mediumblue">mediumblue<br>(#0000CD)</td>
<td align="center" bgcolor="mediumorchid">mediumorchid<br>(#BA55D3)</td>
</tr>
<tr>
<td align="center" bgcolor="mediumpurple">mediumpurple<br>(#9370DB)</td>
<td align="center" bgcolor="mediumseagreen">mediumseagreen<br>(#3CB371)</td>
<td align="center" bgcolor="mediumslateblue">mediumslateblue<br>(#7B68EE)</td>
<td align="center" bgcolor="mediumspringgreen">mediumspringgreen<br>(#00FA9A)</td>
</tr>
<tr>
<td align="center" bgcolor="mediumturquoise">mediumturquoise<br>(#48D1CC)</td>
<td align="center" bgcolor="mediumvioletred">mediumvioletred<br>(#C71585)</td>
<td align="center" bgcolor="midnightblue">midnightblue<br>(#191970)</td>
<td align="center" bgcolor="mintcream">mintcream<br>(#F5FFFA)</td>
</tr>
<tr>
<td align="center" bgcolor="mistyrose">mistyrose<br>(#FFE4E1)</td>
<td align="center" bgcolor="moccasin">moccasin<br>(#FFE4B5)</td>
<td align="center" bgcolor="navajowhite">navajowhite<br>(#FFDEAD)</td>
<td align="center" bgcolor="navy">navy<br>(#000080)</td>
</tr>
<tr>
<td align="center" bgcolor="oldlace">oldlace<br>(#FDF5E6)</td>
<td align="center" bgcolor="olive">olive<br>(#808000)</td>
<td align="center" bgcolor="olivedrab">olivedrab<br>(#6B8E23)</td>
<td align="center" bgcolor="orange">orange<br>(#FFA500)</td>
</tr>
<tr>
<td align="center" bgcolor="orangered">orangered<br>(#FF4500)</td>
<td align="center" bgcolor="orchid">orchid<br>(#DA70D6)</td>
<td align="center" bgcolor="palegoldenrod">palegoldenrod<br>(#EEE8AA)</td>
<td align="center" bgcolor="palegreen">palegreen<br>(#98FB98)</td>
</tr>
<tr>
<td align="center" bgcolor="paleturquoise">paleturquoise<br>(#AFEEEE)</td>
<td align="center" bgcolor="palevioletred">palevioletred<br>(#DB7093)</td>
<td align="center" bgcolor="papayawhip">papayawhip<br>(#FFEFD5)</td>
<td align="center" bgcolor="peachpuff">peachpuff<br>(#FFDAB9)</td>
</tr>
<tr>
<td align="center" bgcolor="peru">peru<br>(#CD853F)</td>
<td align="center" bgcolor="pink">pink<br>(#FFC0CB)</td>
<td align="center" bgcolor="plum">plum<br>(#DDA0DD)</td>
<td align="center" bgcolor="powderblue">powderblue<br>(#B0E0E6)</td>
</tr>
<tr>
<td align="center" bgcolor="purple">purple<br>(#800080)</td>
<td align="center" bgcolor="red">red<br>(#FF0000)</td>
<td align="center" bgcolor="rosybrown">rosybrown<br>(#BC8F8F)</td>
<td align="center" bgcolor="royalblue">royalblue<br>(#4169E1)</td>
</tr>
<tr>
<td align="center" bgcolor="saddlebrown">saddlebrown<br>(#8B4513)</td>
<td align="center" bgcolor="salmon">salmon<br>(#FA8072)</td>
<td align="center" bgcolor="sandybrown">sandybrown<br>(#F4A460)</td>
<td align="center" bgcolor="seagreen">seagreen<br>(#2E8B57)</td>
</tr>
<tr>
<td align="center" bgcolor="seashell">seashell<br>(#FFF5EE)</td>
<td align="center" bgcolor="sienna">sienna<br>(#A0522D)</td>
<td align="center" bgcolor="silver">silver<br>(#C0C0C0)</td>
<td align="center" bgcolor="skyblue">skyblue<br>(#87CEEB)</td>
</tr>
<tr>
<td align="center" bgcolor="slateblue">slateblue<br>(#6A5ACD)</td>
<td align="center" bgcolor="slategray">slategray<br>(#708090)</td>
<td align="center" bgcolor="snow">snow<br>(#FFFAFA)</td>
<td align="center" bgcolor="springgreen">springgreen<br>(#00FF7F)</td>
</tr>
<tr>
<td align="center" bgcolor="steelblue">steelblue<br>(#4682B4)</td>
<td align="center" bgcolor="tan">tan<br>(#D2B48C)</td>
<td align="center" bgcolor="teal">teal<br>(#008080)</td>
<td align="center" bgcolor="thistle">thistle<br>(#D8BFD8)</td>
</tr>
<tr>
<td align="center" bgcolor="tomato">tomato<br>(#FF6347)</td>
<td align="center" bgcolor="turquoise">turquoise<br>(#40E0D0)</td>
<td align="center" bgcolor="violet">violet<br>(#EE82EE)</td>
<td align="center" bgcolor="wheat">wheat<br>(#F5DEB3)</td>
</tr>
<tr>
<td align="center" bgcolor="white">white<br>(#FFFFFF)</td>
<td align="center" bgcolor="whitesmoke">whitesmoke<br>(#F5F5F5)</td>
<td align="center" bgcolor="yellow">yellow<br>(#FFFF00)</td>
<td align="center" bgcolor="yellowgreen">yellowgreen<br>(#9ACD32)</td>
</tr>
  </TABLE>
<form name=form><input type=text name=color style="font:menu" value="请选择颜色"></form>

前一页:超级酷的滚动条颜色代码生成器

后一页:利用JAVAscript实现表格渐变

相关阅读: 文本框输入限制; 微信小程序-接入广告; 网站SEO优化应该注意的14点重要事项; asp简易论坛教程(一)——简易论坛系统制作说明图; asp金额数字转换为大小写汉字; 纯div+css制作的弹出菜单-04; UL与LI 标签详解; 巧妙运用CSS样式表立刻改变鼠标的样式

共有0条关于《绝对超酷的JS颜色板》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 非常不错的支持各种浏览器的简易调色板; 背景调色板：状态栏还能显示颜色值; 手动调节背景色：背景色能用按钮进行手动调节; 页面文字变色、变大、还原; windows颜色选择框; 超级酷的滚动条颜色代码生成器

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 公众号被动回复与客服接口主动推送音乐封面缩略图ThumbMediaId不显示bug问题; 海韵幼儿园; 微信公众号回复语音消息或用客服接口推送语音消息; 长城国际集团有限公司; 利用CSS制作的网站中新闻文章列表效果; uni-app设置像页面html或者body的全局背景色

更多标签热门标签

margin 颜色 optgroup Java jpg 选项版权声明 split 字节数等高缓冲深山旅游网站管理系统V1.0 类别格式化光标斜线 label onload 垂直弹出留言次数 height web 色彩百度变大组件错误屏幕 tab pr time 收缩 qq right VBScript 思考搜索引擎添加比例等待顶部服务器上传文件大小 265 visite 幻灯读取随机故事

行业解决方案: 抖音小程序百度小程序微信小程序

了解我们: 关于深山; 业务范围; 案例展示中心; 联系我们; 网站地图; 赞助深山

动态展示: 定制网络投票系统; 定制小程序

服务热线: 13961347334

: 微信公众号二维码

: 百度小程序二维码

: 头条抖音小程序二维码

: 联系微信二维码

: 联系QQ二维码

免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026 深山工作室 All Rights Reserved
服务QQ:565449214 手机:13961347334
ICP备案:苏ICP备15019627号

苏公网安备 32070502010230号