js实现的网页颜色代码表全集_Javascript教程-查字典教程网

js实现的网页颜色代码表全集

摘要：网页颜色代码全集TD{FONT-SIZE:10.8pt}BODY{FONT-SIZE:10.8pt}BUTTON{WIDTH:5em}var...

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">

<HTML><HEAD><TITLE>网页颜色代码全集</TITLE>

<METAhttp-equiv=Content-Typecontent="text/html;charset=gb2312">

<METAcontent="MSHTML6.00.2800.1543"name=GENERATOR>

<STYLEtype=text/css>TD{

FONT-SIZE:10.8pt

}

BODY{

FONT-SIZE:10.8pt

}

BUTTON{

WIDTH:5em

}

</STYLE>

<SCRIPTlanguage=JavaScript>

varSelRGB='';

varDrRGB='';

varSelGRAY='120';

varhexch=newArray('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');

functionToHex(n)

{varh,l;

n=Math.round(n);

l=n%16;

h=Math.floor((n/16))%16;

return(hexch[h]+hexch[l]);

}

functionDoColor(c,l)

{varr,g,b;

r='0x'+c.substring(1,3);

g='0x'+c.substring(3,5);

b='0x'+c.substring(5,7);

if(l>120)

{

l=l-120;

r=(r*(120-l)+255*l)/120;

g=(g*(120-l)+255*l)/120;

b=(b*(120-l)+255*l)/120;

}else

{

r=(r*l)/120;

g=(g*l)/120;

b=(b*l)/120;

}

return'#'+ToHex(r)+ToHex(g)+ToHex(b);

}

functionEndColor()

{vari;

if(DrRGB!=SelRGB)

{

DrRGB=SelRGB;

for(i=0;i<=30;i++)

GrayTable.rows(i).bgColor=DoColor(SelRGB,240-i*8);

}

SelColor.value=DoColor(RGB.innerText,GRAY.innerText);

ShowColor.bgColor=SelColor.value;

}

</SCRIPT>

<SCRIPTlanguage=JavaScriptevent=onclickfor=ColorTable>

SelRGB=event.srcElement.bgColor;

EndColor();

</SCRIPT>

<SCRIPTlanguage=JavaScriptevent=onmouseoverfor=ColorTable>

RGB.innerText=event.srcElement.bgColor;

EndColor();

</SCRIPT>

<SCRIPTlanguage=JavaScriptevent=onmouseoutfor=ColorTable>

RGB.innerText=SelRGB;

EndColor();

</SCRIPT>

<SCRIPTlanguage=JavaScriptevent=onclickfor=GrayTable>

SelGRAY=event.srcElement.title;

EndColor();

</SCRIPT>

<SCRIPTlanguage=JavaScriptevent=onmouseoverfor=GrayTable>

GRAY.innerText=event.srcElement.title;

EndColor();

</SCRIPT>

<SCRIPTlanguage=JavaScriptevent=onmouseoutfor=GrayTable>

GRAY.innerText=SelGRAY;

EndColor();

</SCRIPT>

<SCRIPTlanguage=JavaScriptevent=onclickfor=Ok>

window.returnValue=SelColor.value;

window.close();

</SCRIPT>

</HEAD>

<BODYbgcolor="#006633"text=#000000link=#000000leftMargin=0topMargin=0bgProperties=fixed>

<DIValign=center>

<p></p>

<p><fontcolor="#FF0000"size="5"><strong><ahref="http://www.zhaozi.cn"><fontcolor="#FF6600">找字网</font></a>网页颜色代

码选择器</strong></font></p>

</DIV>

<TABLEcellSpacing=1cellPadding=3width=350align=centerbgColor=#dddddd

border=0>

<TBODY>

<TRbgColor=#ffffff>

<TDalign=middlewidth="10%"><SELECTonchange=selectchg(this.value)

name=select1><OPTIONvalue=1selected>红</OPTION><OPTION

value=2>绿</OPTION><OPTIONvalue=3>蓝</OPTION><OPTION

value=4>灰</OPTION></SELECT></TD>

<TDalign=middlewidth="90%">

<TABLEcellSpacing=0cellPadding=0width="100%"border=0>

<TBODY>

<TR>

<TDwidth="81%"align=right>颜色值

<INPUTclass=memosize=10name=text1>

<INPUTclass=buttononclick=choosecolor()type=buttonvalue="确认颜色"name=Button2>

</TD>

<TDalign=rightwidth="1%"></TD>

<TDwidth="18%">

<TABLEclass=cursorcrossheight=20cellSpacing=1cellPadding=0

width=40border=0>

<TBODY>

<TR>

<TDid=customcoloronmouseover=showcolor(this)

bgColor=#ffffff></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>

<TRbgColor=#ffffff>

<TDalign=middlewidth="10%">

<TABLEclass=cursorhandid=tableleftcellSpacing=1cellPadding=0

border=0><SCRIPTlanguage=VBScript>

functionhexit(which)

hexit=hex(which)

endfunction

</SCRIPT>

<SCRIPTlanguage=JavaScript>

for(i=0;i<=15;++i)

{document.write('<tr><tdalign="center">'+hexit(0+i*17)+'</td><tdid="tdleft'+i+'"bgcolor="rgb('+(0+i*17)+',0,0)"

width="15"height="15"onclick="changeright(this.num)"onmouseover="showcolor(this)"></td></tr>')

document.all['tdleft'+i].num=i

}

</SCRIPT>

<TDalign=middlewidth="90%">

<TABLEclass=cursorcrossid=tableleftcellSpacing=1cellPadding=0

border=0>

<SCRIPTlanguage=JavaScript>

document.write('<tr><td></td>')

for(i=0;i<=15;++i)

{document.write('<tdalign="center">'+hexit(0+i*17)+'</td>')}

document.write('</tr>')

for(i=0;i<=15;++i)

{document.write('<tr>')

document.write('<tdalign="center">'+hexit(0+i*17)+'</td>')

for(j=0;j<=15;++j)

{document.write('<tdid="tdrightr'+i+'c'+j+'"bgcolor="rgb(0,'+(0+i*17)+','+(0+j*17)+')"width="15"

height="15"onmouseover="showcolor(this)"onclick="clickright(this)"></td>')}

document.write('</tr>')

}

</SCRIPT>

<TRbgColor=#ffffff>

<TDcolSpan=2

height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。

<BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE>

<SCRIPTlanguage=JavaScript>

functionselectchg(which)

{switch(which)

{case'1':leftR();break;

case'2':leftG();break;

case'3':leftB();break;

case'4':leftA();break;

}

functionleftR()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb('+(0+i*17)+',0,0)'}

rightR(0)

}

functionleftG()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb(0,'+(0+i*17)+',0)'}

rightG(0)

}

functionleftB()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb(0,0,'+(0+i*17)+')'}

rightB(0)

}

functionleftA()

{for(i=0;i<=15;++i)

{document.all['tdleft'+i].bgColor='rgb('+(0+i*17)+','+(0+i*17)+','+(0+i*17)+')'}

rightA()

}

functionrightR(which)

{for(i=0;i<=15;++i)

{for(j=0;j<=15;++j)

{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+which*17)+','+(0+i*17)+','+(0+j*17)+')'}

}

functionrightG(which)

{for(i=0;i<=15;++i)

{for(j=0;j<=15;++j)

{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+i*17)+','+(0+which*17)+','+(0+j*17)+')'}

}

functionrightB(which)

{for(i=0;i<=15;++i)

{for(j=0;j<=15;++j)

{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+i*17)+','+(0+j*17)+','+(0+which*17)+')'}

}

functionrightA()

{for(i=0;i<=15;++i)

{for(j=0;j<=15;++j)

{document.all['tdrightr'+i+'c'+j].bgColor='rgb('+(0+i*16+j)+','+(0+i*16+j)+','+(0+i*16+j)+')'}

}

varrightclicked=false

functionclickright(which)

{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true}

}

functionchangeright(which)

{switch(select1.value)

{case'1':rightR(which);break;

case'2':rightG(which);break;

case'3':rightB(which);break;

}

functionshowcolor(which)

{if(rightclicked)return;

text1.value=which.bgColor

choosecolor()

}

functionchoosecolor()

{customcolor.bgColor=text1.value

}

</SCRIPT>

<DIValign=center>

</CENTER></DIV>

<DIValign=center>

</CENTER></DIV>

<Palign=center><B><fontcolor="#FF0000"size="5">网页颜色代码对照表</font></B></P>

<DIValign=center>

<TABLEcellSpacing=3>

<TBODY>

<TR>

<TDwidth=30bgColor=#ffffffheight=30></TD>

<TD>#FFFFFF</TD>

<TDwidth=30bgColor=#fffff0height=30></TD>

<TD>#FFFFF0</TD>

<TDwidth=30bgColor=#ffffe0height=30></TD>

<TD>#FFFFE0</TD>

<TDwidth=30bgColor=#ffff00height=30></TD>

<TR>

<TDwidth=30bgColor=#fffafaheight=30></TD>

<TD>#FFFAFA</TD>

<TDwidth=30bgColor=#fffaf0height=30></TD>

<TD>#FFFAF0</TD>

<TDwidth=30bgColor=#fffacdheight=30></TD>

<TD>#FFFACD</TD>

<TDwidth=30bgColor=#fff8dcheight=30></TD>

<TR>

<TDwidth=30bgColor=#fff68fheight=30></TD>

<TDwidth=30bgColor=#fff5eeheight=30></TD>

<TDwidth=30bgColor=#fff0f5height=30></TD>

<TDwidth=30bgColor=#ffefdbheight=30></TD>

<TD>#FFEFDB</TD></TR>

<TR>

<TDwidth=30bgColor=#ffefd5height=30></TD>

<TD>#FFEFD5</TD>

<TDwidth=30bgColor=#ffec8bheight=30></TD>

<TDwidth=30bgColor=#ffebcdheight=30></TD>

<TD>#FFEBCD</TD>

<TDwidth=30bgColor=#ffe7baheight=30></TD>

<TR>

<TDwidth=30bgColor=#ffe4e1height=30></TD>

<TDwidth=30bgColor=#ffe4c4height=30></TD>

<TDwidth=30bgColor=#ffe4b5height=30></TD>

<TDwidth=30bgColor=#ffe1ffheight=30></TD>

<TR>

<TDwidth=30bgColor=#ffdeadheight=30></TD>

<TD>#FFDEAD</TD>

<TDwidth=30bgColor=#ffdab9height=30></TD>

<TD>#FFDAB9</TD>

<TDwidth=30bgColor=#ffd700height=30></TD>

<TDwidth=30bgColor=#ffd39bheight=30></TD>

<TR>

<TDwidth=30bgColor=#ffc1c1height=30></TD>

<TDwidth=30bgColor=#ffc125height=30></TD>

<TDwidth=30bgColor=#ffc0cbheight=30></TD>

<TDwidth=30bgColor=#ffbbffheight=30></TD>

<TD>#FFBBFF</TD></TR>

<TR>

<TDwidth=30bgColor=#ffb90fheight=30></TD>

<TDwidth=30bgColor=#ffb6c1height=30></TD>

<TDwidth=30bgColor=#ffb5c5height=30></TD>

<TDwidth=30bgColor=#ffaeb9height=30></TD>

<TD>#FFAEB9</TD></TR>

<TR>

<TDwidth=30bgColor=#ffa54fheight=30></TD>

<TDwidth=30bgColor=#ffa500height=30></TD>

<TDwidth=30bgColor=#ffa07aheight=30></TD>

<TDwidth=30bgColor=#ff8c69height=30></TD>

<TR>

<TDwidth=30bgColor=#ff8c00height=30></TD>

<TDwidth=30bgColor=#ff83faheight=30></TD>

<TDwidth=30bgColor=#ff82abheight=30></TD>

<TDwidth=30bgColor=#ff8247height=30></TD>

<TR>

<TDwidth=30bgColor=#ff7f50height=30></TD>

<TDwidth=30bgColor=#ff7f24height=30></TD>

<TDwidth=30bgColor=#ff7f00height=30></TD>

<TDwidth=30bgColor=#ff7256height=30></TD>

<TR>

<TDwidth=30bgColor=#ff6eb4height=30></TD>

<TDwidth=30bgColor=#ff6a6aheight=30></TD>

<TDwidth=30bgColor=#ff69b4height=30></TD>

<TDwidth=30bgColor=#ff6347height=30></TD>

<TR>

<TDwidth=30bgColor=#ff4500height=30></TD>

<TDwidth=30bgColor=#ff4040height=30></TD>

<TDwidth=30bgColor=#ff3e96height=30></TD>

<TDwidth=30bgColor=#ff34b3height=30></TD>

<TR>

<TDwidth=30bgColor=#ff3030height=30></TD>

<TDwidth=30bgColor=#ff1493height=30></TD>

<TDwidth=30bgColor=#ff00ffheight=30></TD>

<TDwidth=30bgColor=#ff0000height=30></TD>

<TR>

<TDwidth=30bgColor=#fdf5e6height=30></TD>

<TDwidth=30bgColor=#fcfcfcheight=30></TD>

<TD>#FCFCFC</TD>

<TDwidth=30bgColor=#fafafaheight=30></TD>

<TD>#FAFAFA</TD>

<TDwidth=30bgColor=#fafad2height=30></TD>

<TD>#FAFAD2</TD></TR>

<TR>

<TDwidth=30bgColor=#faf0e6height=30></TD>

<TDwidth=30bgColor=#faebd7height=30></TD>

<TD>#FAEBD7</TD>

<TDwidth=30bgColor=#fa8072height=30></TD>

<TDwidth=30bgColor=#f8f8ffheight=30></TD>

<TR>

<TDwidth=30bgColor=#f7f7f7height=30></TD>

<TDwidth=30bgColor=#f5fffaheight=30></TD>

<TDwidth=30bgColor=#f5f5f5height=30></TD>

<TDwidth=30bgColor=#f5f5dcheight=30></TD>

<TR>

<TDwidth=30bgColor=#f5deb3height=30></TD>

<TDwidth=30bgColor=#f4f4f4height=30></TD>

<TDwidth=30bgColor=#f4a460height=30></TD>

<TDwidth=30bgColor=#f2f2f2height=30></TD>

<TR>

<TDwidth=30bgColor=#f0ffffheight=30></TD>

<TDwidth=30bgColor=#f0fff0height=30></TD>

<TDwidth=30bgColor=#f0f8ffheight=30></TD>

<TDwidth=30bgColor=#f0f0f0height=30></TD>

<TR>

<TDwidth=30bgColor=#f0e68cheight=30></TD>

<TDwidth=30bgColor=#f08080height=30></TD>

<TDwidth=30bgColor=#eeeee0height=30></TD>

<TD>#EEEEE0</TD>

<TDwidth=30bgColor=#eeeed1height=30></TD>

<TD>#EEEED1</TD></TR>

<TR>

<TDwidth=30bgColor=#eeee00height=30></TD>

<TDwidth=30bgColor=#eee9e9height=30></TD>

<TDwidth=30bgColor=#eee9bfheight=30></TD>

<TDwidth=30bgColor=#eee8cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#eee8aaheight=30></TD>

<TDwidth=30bgColor=#eee685height=30></TD>

<TDwidth=30bgColor=#eee5deheight=30></TD>

<TDwidth=30bgColor=#eee0e5height=30></TD>

<TR>

<TDwidth=30bgColor=#eedfccheight=30></TD>

<TD>#EEDFCC</TD>

<TDwidth=30bgColor=#eedc82height=30></TD>

<TDwidth=30bgColor=#eed8aeheight=30></TD>

<TDwidth=30bgColor=#eed5d2height=30></TD>

<TR>

<TDwidth=30bgColor=#eed5b7height=30></TD>

<TDwidth=30bgColor=#eed2eeheight=30></TD>

<TDwidth=30bgColor=#eecfa1height=30></TD>

<TD>#EECFA1</TD>

<TDwidth=30bgColor=#eecbadheight=30></TD>

<TD>#EECBAD</TD></TR>

<TR>

<TDwidth=30bgColor=#eec900height=30></TD>

<TDwidth=30bgColor=#eec591height=30></TD>

<TDwidth=30bgColor=#eeb4b4height=30></TD>

<TDwidth=30bgColor=#eeb422height=30></TD>

<TR>

<TDwidth=30bgColor=#eeaeeeheight=30></TD>

<TD>#EEAEEE</TD>

<TDwidth=30bgColor=#eead0eheight=30></TD>

<TDwidth=30bgColor=#eea9b8height=30></TD>

<TDwidth=30bgColor=#eea2adheight=30></TD>

<TR>

<TDwidth=30bgColor=#ee9a49height=30></TD>

<TDwidth=30bgColor=#ee9a00height=30></TD>

<TDwidth=30bgColor=#ee9572height=30></TD>

<TDwidth=30bgColor=#ee82eeheight=30></TD>

<TR>

<TDwidth=30bgColor=#ee8262height=30></TD>

<TDwidth=30bgColor=#ee7ae9height=30></TD>

<TDwidth=30bgColor=#ee799fheight=30></TD>

<TDwidth=30bgColor=#ee7942height=30></TD>

<TR>

<TDwidth=30bgColor=#ee7621height=30></TD>

<TDwidth=30bgColor=#ee7600height=30></TD>

<TDwidth=30bgColor=#ee6aa7height=30></TD>

<TDwidth=30bgColor=#ee6a50height=30></TD>

<TR>

<TDwidth=30bgColor=#ee6363height=30></TD>

<TDwidth=30bgColor=#ee5c42height=30></TD>

<TDwidth=30bgColor=#ee4000height=30></TD>

<TDwidth=30bgColor=#ee3b3bheight=30></TD>

<TR>

<TDwidth=30bgColor=#ee3a8cheight=30></TD>

<TDwidth=30bgColor=#ee30a7height=30></TD>

<TDwidth=30bgColor=#ee2c2cheight=30></TD>

<TDwidth=30bgColor=#ee1289height=30></TD>

<TR>

<TDwidth=30bgColor=#ee00eeheight=30></TD>

<TDwidth=30bgColor=#ee0000height=30></TD>

<TDwidth=30bgColor=#edededheight=30></TD>

<TD>#EDEDED</TD>

<TDwidth=30bgColor=#ebebebheight=30></TD>

<TD>#EBEBEB</TD></TR>

<TR>

<TDwidth=30bgColor=#eaeaeaheight=30></TD>

<TD>#EAEAEA</TD>

<TDwidth=30bgColor=#e9967aheight=30></TD>

<TDwidth=30bgColor=#e8e8e8height=30></TD>

<TDwidth=30bgColor=#e6e6faheight=30></TD>

<TR>

<TDwidth=30bgColor=#e5e5e5height=30></TD>

<TDwidth=30bgColor=#e3e3e3height=30></TD>

<TDwidth=30bgColor=#e0ffffheight=30></TD>

<TDwidth=30bgColor=#e0eeeeheight=30></TD>

<TR>

<TDwidth=30bgColor=#e0eee0height=30></TD>

<TDwidth=30bgColor=#e0e0e0height=30></TD>

<TDwidth=30bgColor=#e066ffheight=30></TD>

<TDwidth=30bgColor=#dededeheight=30></TD>

<TD>#DEDEDE</TD></TR>

<TR>

<TDwidth=30bgColor=#deb887height=30></TD>

<TDwidth=30bgColor=#dda0ddheight=30></TD>

<TDwidth=30bgColor=#dcdcdcheight=30></TD>

<TD>#DCDCDC</TD>

<TDwidth=30bgColor=#dc143cheight=30></TD>

<TR>

<TDwidth=30bgColor=#dbdbdbheight=30></TD>

<TD>#DBDBDB</TD>

<TDwidth=30bgColor=#db7093height=30></TD>

<TDwidth=30bgColor=#daa520height=30></TD>

<TDwidth=30bgColor=#da70d6height=30></TD>

<TR>

<TDwidth=30bgColor=#d9d9d9height=30></TD>

<TDwidth=30bgColor=#d8bfd8height=30></TD>

<TDwidth=30bgColor=#d6d6d6height=30></TD>

<TDwidth=30bgColor=#d4d4d4height=30></TD>

<TR>

<TDwidth=30bgColor=#d3d3d3height=30></TD>

<TDwidth=30bgColor=#d2b48cheight=30></TD>

<TDwidth=30bgColor=#d2691eheight=30></TD>

<TDwidth=30bgColor=#d1eeeeheight=30></TD>

<TR>

<TDwidth=30bgColor=#d1d1d1height=30></TD>

<TDwidth=30bgColor=#d15feeheight=30></TD>

<TDwidth=30bgColor=#d02090height=30></TD>

<TDwidth=30bgColor=#cfcfcfheight=30></TD>

<TD>#CFCFCF</TD></TR>

<TR>

<TDwidth=30bgColor=#cdcdc1height=30></TD>

<TD>#CDCDC1</TD>

<TDwidth=30bgColor=#cdcdb4height=30></TD>

<TD>#CDCDB4</TD>

<TDwidth=30bgColor=#cdcd00height=30></TD>

<TDwidth=30bgColor=#cdc9c9height=30></TD>

<TR>

<TDwidth=30bgColor=#cdc9a5height=30></TD>

<TDwidth=30bgColor=#cdc8b1height=30></TD>

<TDwidth=30bgColor=#cdc673height=30></TD>

<TDwidth=30bgColor=#cdc5bfheight=30></TD>

<TR>

<TDwidth=30bgColor=#cdc1c5height=30></TD>

<TDwidth=30bgColor=#cdc0b0height=30></TD>

<TDwidth=30bgColor=#cdbe70height=30></TD>

<TDwidth=30bgColor=#cdba96height=30></TD>

<TR>

<TDwidth=30bgColor=#cdb7b5height=30></TD>

<TDwidth=30bgColor=#cdb79eheight=30></TD>

<TDwidth=30bgColor=#cdb5cdheight=30></TD>

<TDwidth=30bgColor=#cdb38bheight=30></TD>

<TR>

<TDwidth=30bgColor=#cdaf95height=30></TD>

<TDwidth=30bgColor=#cdad00height=30></TD>

<TDwidth=30bgColor=#cdaa7dheight=30></TD>

<TDwidth=30bgColor=#cd9b9bheight=30></TD>

<TR>

<TDwidth=30bgColor=#cd9b1dheight=30></TD>

<TDwidth=30bgColor=#cd96cdheight=30></TD>

<TDwidth=30bgColor=#cd950cheight=30></TD>

<TDwidth=30bgColor=#cd919eheight=30></TD>

<TR>

<TDwidth=30bgColor=#cd8c95height=30></TD>

<TDwidth=30bgColor=#cd853fheight=30></TD>

<TDwidth=30bgColor=#cd8500height=30></TD>

<TDwidth=30bgColor=#cd8162height=30></TD>

<TR>

<TDwidth=30bgColor=#cd7054height=30></TD>

<TDwidth=30bgColor=#cd69c9height=30></TD>

<TDwidth=30bgColor=#cd6889height=30></TD>

<TDwidth=30bgColor=#cd6839height=30></TD>

<TR>

<TDwidth=30bgColor=#cd661dheight=30></TD>

<TDwidth=30bgColor=#cd6600height=30></TD>

<TDwidth=30bgColor=#cd6090height=30></TD>

<TDwidth=30bgColor=#cd5c5cheight=30></TD>

<TR>

<TDwidth=30bgColor=#cd5b45height=30></TD>

<TDwidth=30bgColor=#cd5555height=30></TD>

<TDwidth=30bgColor=#cd4f39height=30></TD>

<TDwidth=30bgColor=#cd3700height=30></TD>

<TR>

<TDwidth=30bgColor=#cd3333height=30></TD>

<TDwidth=30bgColor=#cd3278height=30></TD>

<TDwidth=30bgColor=#cd2990height=30></TD>

<TDwidth=30bgColor=#cd2626height=30></TD>

<TR>

<TDwidth=30bgColor=#cd1076height=30></TD>

<TDwidth=30bgColor=#cd00cdheight=30></TD>

<TDwidth=30bgColor=#cd0000height=30></TD>

<TDwidth=30bgColor=#ccccccheight=30></TD>

<TD>#CCCCCC</TD></TR>

<TR>

<TDwidth=30bgColor=#caff70height=30></TD>

<TDwidth=30bgColor=#cae1ffheight=30></TD>

<TDwidth=30bgColor=#c9c9c9height=30></TD>

<TDwidth=30bgColor=#c7c7c7height=30></TD>

<TR>

<TDwidth=30bgColor=#c71585height=30></TD>

<TDwidth=30bgColor=#c6e2ffheight=30></TD>

<TDwidth=30bgColor=#c67171height=30></TD>

<TDwidth=30bgColor=#c5c1aaheight=30></TD>

<TR>

<TDwidth=30bgColor=#c4c4c4height=30></TD>

<TDwidth=30bgColor=#c2c2c2height=30></TD>

<TDwidth=30bgColor=#c1ffc1height=30></TD>

<TDwidth=30bgColor=#c1cdcdheight=30></TD>

<TR>

<TDwidth=30bgColor=#c1cdc1height=30></TD>

<TDwidth=30bgColor=#c1c1c1height=30></TD>

<TDwidth=30bgColor=#c0ff3eheight=30></TD>

<TDwidth=30bgColor=#bfefffheight=30></TD>

<TD>#BFEFFF</TD></TR>

<TR>

<TDwidth=30bgColor=#bfbfbfheight=30></TD>

<TD>#BFBFBF</TD>

<TDwidth=30bgColor=#bf3effheight=30></TD>

<TDwidth=30bgColor=#bebebeheight=30></TD>

<TD>#BEBEBE</TD>

<TDwidth=30bgColor=#bdbdbdheight=30></TD>

<TD>#BDBDBD</TD></TR>

<TR>

<TDwidth=30bgColor=#bdb76bheight=30></TD>

<TDwidth=30bgColor=#bcee68height=30></TD>

<TDwidth=30bgColor=#bcd2eeheight=30></TD>

<TDwidth=30bgColor=#bc8f8fheight=30></TD>

<TR>

<TDwidth=30bgColor=#bbffffheight=30></TD>

<TD>#BBFFFF</TD>

<TDwidth=30bgColor=#bababaheight=30></TD>

<TD>#BABABA</TD>

<TDwidth=30bgColor=#ba55d3height=30></TD>

<TDwidth=30bgColor=#b9d3eeheight=30></TD>

<TR>

<TDwidth=30bgColor=#b8b8b8height=30></TD>

<TDwidth=30bgColor=#b8860bheight=30></TD>

<TDwidth=30bgColor=#b7b7b7height=30></TD>

<TDwidth=30bgColor=#b5b5b5height=30></TD>

<TR>

<TDwidth=30bgColor=#b4eeb4height=30></TD>

<TDwidth=30bgColor=#b4cdcdheight=30></TD>

<TDwidth=30bgColor=#b452cdheight=30></TD>

<TDwidth=30bgColor=#b3ee3aheight=30></TD>

<TR>

<TDwidth=30bgColor=#b3b3b3height=30></TD>

<TDwidth=30bgColor=#b2dfeeheight=30></TD>

<TDwidth=30bgColor=#b23aeeheight=30></TD>

<TDwidth=30bgColor=#b22222height=30></TD>

<TR>

<TDwidth=30bgColor=#b0e2ffheight=30></TD>

<TDwidth=30bgColor=#b0e0e6height=30></TD>

<TDwidth=30bgColor=#b0c4deheight=30></TD>

<TDwidth=30bgColor=#b0b0b0height=30></TD>

<TR>

<TDwidth=30bgColor=#b03060height=30></TD>

<TDwidth=30bgColor=#aeeeeeheight=30></TD>

<TD>#AEEEEE</TD>

<TDwidth=30bgColor=#adff2fheight=30></TD>

<TDwidth=30bgColor=#add8e6height=30></TD>

<TR>

<TDwidth=30bgColor=#adadadheight=30></TD>

<TD>#ADADAD</TD>

<TDwidth=30bgColor=#abababheight=30></TD>

<TD>#ABABAB</TD>

<TDwidth=30bgColor=#ab82ffheight=30></TD>

<TDwidth=30bgColor=#aaaaaaheight=30></TD>

<TD>#AAAAAA</TD></TR>

<TR>

<TDwidth=30bgColor=#a9a9a9height=30></TD>

<TDwidth=30bgColor=#a8a8a8height=30></TD>

<TDwidth=30bgColor=#a6a6a6height=30></TD>

<TDwidth=30bgColor=#a52a2aheight=30></TD>

<TR>

<TDwidth=30bgColor=#a4d3eeheight=30></TD>

<TDwidth=30bgColor=#a3a3a3height=30></TD>

<TDwidth=30bgColor=#a2cd5aheight=30></TD>

<TDwidth=30bgColor=#a2b5cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#a1a1a1height=30></TD>

<TDwidth=30bgColor=#a0522dheight=30></TD>

<TDwidth=30bgColor=#a020f0height=30></TD>

<TDwidth=30bgColor=#9fb6cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#9f79eeheight=30></TD>

<TDwidth=30bgColor=#9e9e9eheight=30></TD>

<TDwidth=30bgColor=#9c9c9cheight=30></TD>

<TDwidth=30bgColor=#9bcd9bheight=30></TD>

<TR>

<TDwidth=30bgColor=#9b30ffheight=30></TD>

<TDwidth=30bgColor=#9aff9aheight=30></TD>

<TDwidth=30bgColor=#9acd32height=30></TD>

<TDwidth=30bgColor=#9ac0cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#9a32cdheight=30></TD>

<TDwidth=30bgColor=#999999height=30></TD>

<TDwidth=30bgColor=#9932ccheight=30></TD>

<TDwidth=30bgColor=#98fb98height=30></TD>

<TR>

<TDwidth=30bgColor=#98f5ffheight=30></TD>

<TDwidth=30bgColor=#97ffffheight=30></TD>

<TDwidth=30bgColor=#96cdcdheight=30></TD>

<TDwidth=30bgColor=#969696height=30></TD>

<TR>

<TDwidth=30bgColor=#949494height=30></TD>

<TDwidth=30bgColor=#9400d3height=30></TD>

<TDwidth=30bgColor=#9370dbheight=30></TD>

<TDwidth=30bgColor=#919191height=30></TD>

<TR>

<TDwidth=30bgColor=#912ceeheight=30></TD>

<TDwidth=30bgColor=#90ee90height=30></TD>

<TDwidth=30bgColor=#8fbc8fheight=30></TD>

<TDwidth=30bgColor=#8f8f8fheight=30></TD>

<TR>

<TDwidth=30bgColor=#8ee5eeheight=30></TD>

<TDwidth=30bgColor=#8e8e8eheight=30></TD>

<TDwidth=30bgColor=#8e8e38height=30></TD>

<TDwidth=30bgColor=#8e388eheight=30></TD>

<TR>

<TDwidth=30bgColor=#8deeeeheight=30></TD>

<TD>#8DEEEE</TD>

<TDwidth=30bgColor=#8db6cdheight=30></TD>

<TDwidth=30bgColor=#8c8c8cheight=30></TD>

<TDwidth=30bgColor=#8b8b83height=30></TD>

<TR>

<TDwidth=30bgColor=#8b8b7aheight=30></TD>

<TDwidth=30bgColor=#8b8b00height=30></TD>

<TDwidth=30bgColor=#8b8989height=30></TD>

<TDwidth=30bgColor=#8b8970height=30></TD>

<TR>

<TDwidth=30bgColor=#8b8878height=30></TD>

<TDwidth=30bgColor=#8b8682height=30></TD>

<TDwidth=30bgColor=#8b864eheight=30></TD>

<TDwidth=30bgColor=#8b8386height=30></TD>

<TR>

<TDwidth=30bgColor=#8b8378height=30></TD>

<TDwidth=30bgColor=#8b814cheight=30></TD>

<TDwidth=30bgColor=#8b7e66height=30></TD>

<TDwidth=30bgColor=#8b7d7bheight=30></TD>

<TR>

<TDwidth=30bgColor=#8b7d6bheight=30></TD>

<TDwidth=30bgColor=#8b7b8bheight=30></TD>

<TDwidth=30bgColor=#8b795eheight=30></TD>

<TDwidth=30bgColor=#8b7765height=30></TD>

<TR>

<TDwidth=30bgColor=#8b7500height=30></TD>

<TDwidth=30bgColor=#8b7355height=30></TD>

<TDwidth=30bgColor=#8b6969height=30></TD>

<TDwidth=30bgColor=#8b6914height=30></TD>

<TR>

<TDwidth=30bgColor=#8b668bheight=30></TD>

<TDwidth=30bgColor=#8b6508height=30></TD>

<TDwidth=30bgColor=#8b636cheight=30></TD>

<TDwidth=30bgColor=#8b5f65height=30></TD>

<TR>

<TDwidth=30bgColor=#8b5a2bheight=30></TD>

<TDwidth=30bgColor=#8b5a00height=30></TD>

<TDwidth=30bgColor=#8b5742height=30></TD>

<TDwidth=30bgColor=#8b4c39height=30></TD>

<TR>

<TDwidth=30bgColor=#8b4789height=30></TD>

<TDwidth=30bgColor=#8b475dheight=30></TD>

<TDwidth=30bgColor=#8b4726height=30></TD>

<TDwidth=30bgColor=#8b4513height=30></TD>

<TR>

<TDwidth=30bgColor=#8b4500height=30></TD>

<TDwidth=30bgColor=#8b3e2fheight=30></TD>

<TDwidth=30bgColor=#8b3a62height=30></TD>

<TDwidth=30bgColor=#8b3a3aheight=30></TD>

<TR>

<TDwidth=30bgColor=#8b3626height=30></TD>

<TDwidth=30bgColor=#8b2500height=30></TD>

<TDwidth=30bgColor=#8b2323height=30></TD>

<TDwidth=30bgColor=#8b2252height=30></TD>

<TR>

<TDwidth=30bgColor=#8b1c62height=30></TD>

<TDwidth=30bgColor=#8b1a1aheight=30></TD>

<TDwidth=30bgColor=#8b0a50height=30></TD>

<TDwidth=30bgColor=#8b008bheight=30></TD>

<TR>

<TDwidth=30bgColor=#8b0000height=30></TD>

<TDwidth=30bgColor=#8a8a8aheight=30></TD>

<TDwidth=30bgColor=#8a2be2height=30></TD>

<TDwidth=30bgColor=#8968cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#87ceffheight=30></TD>

<TDwidth=30bgColor=#87cefaheight=30></TD>

<TDwidth=30bgColor=#87ceebheight=30></TD>

<TDwidth=30bgColor=#878787height=30></TD>

<TR>

<TDwidth=30bgColor=#858585height=30></TD>

<TDwidth=30bgColor=#848484height=30></TD>

<TDwidth=30bgColor=#8470ffheight=30></TD>

<TDwidth=30bgColor=#838b8bheight=30></TD>

<TR>

<TDwidth=30bgColor=#838b83height=30></TD>

<TDwidth=30bgColor=#836fffheight=30></TD>

<TDwidth=30bgColor=#828282height=30></TD>

<TDwidth=30bgColor=#7fffd4height=30></TD>

<TR>

<TDwidth=30bgColor=#7fff00height=30></TD>

<TDwidth=30bgColor=#7f7f7fheight=30></TD>

<TDwidth=30bgColor=#7ec0eeheight=30></TD>

<TDwidth=30bgColor=#7d9ec0height=30></TD>

<TR>

<TDwidth=30bgColor=#7d7d7dheight=30></TD>

<TDwidth=30bgColor=#7d26cdheight=30></TD>

<TDwidth=30bgColor=#7cfc00height=30></TD>

<TDwidth=30bgColor=#7ccd7cheight=30></TD>

<TR>

<TDwidth=30bgColor=#7b68eeheight=30></TD>

<TDwidth=30bgColor=#7ac5cdheight=30></TD>

<TDwidth=30bgColor=#7a8b8bheight=30></TD>

<TDwidth=30bgColor=#7a7a7aheight=30></TD>

<TR>

<TDwidth=30bgColor=#7a67eeheight=30></TD>

<TDwidth=30bgColor=#7a378bheight=30></TD>

<TDwidth=30bgColor=#79cdcdheight=30></TD>

<TDwidth=30bgColor=#787878height=30></TD>

<TR>

<TDwidth=30bgColor=#778899height=30></TD>

<TDwidth=30bgColor=#76eec6height=30></TD>

<TDwidth=30bgColor=#76ee00height=30></TD>

<TDwidth=30bgColor=#757575height=30></TD>

<TR>

<TDwidth=30bgColor=#737373height=30></TD>

<TDwidth=30bgColor=#71c671height=30></TD>

<TDwidth=30bgColor=#7171c6height=30></TD>

<TDwidth=30bgColor=#708090height=30></TD>

<TR>

<TDwidth=30bgColor=#707070height=30></TD>

<TDwidth=30bgColor=#6e8b3dheight=30></TD>

<TDwidth=30bgColor=#6e7b8bheight=30></TD>

<TDwidth=30bgColor=#6e6e6eheight=30></TD>

<TR>

<TDwidth=30bgColor=#6ca6cdheight=30></TD>

<TDwidth=30bgColor=#6c7b8bheight=30></TD>

<TDwidth=30bgColor=#6b8e23height=30></TD>

<TDwidth=30bgColor=#6b6b6bheight=30></TD>

<TR>

<TDwidth=30bgColor=#6a5acdheight=30></TD>

<TDwidth=30bgColor=#698b69height=30></TD>

<TDwidth=30bgColor=#698b22height=30></TD>

<TDwidth=30bgColor=#696969height=30></TD>

<TR>

<TDwidth=30bgColor=#6959cdheight=30></TD>

<TDwidth=30bgColor=#68838bheight=30></TD>

<TDwidth=30bgColor=#68228bheight=30></TD>

<TDwidth=30bgColor=#66cdaaheight=30></TD>

<TR>

<TDwidth=30bgColor=#66cd00height=30></TD>

<TDwidth=30bgColor=#668b8bheight=30></TD>

<TDwidth=30bgColor=#666666height=30></TD>

<TDwidth=30bgColor=#6495edheight=30></TD>

<TR>

<TDwidth=30bgColor=#63b8ffheight=30></TD>

<TDwidth=30bgColor=#636363height=30></TD>

<TDwidth=30bgColor=#616161height=30></TD>

<TDwidth=30bgColor=#607b8bheight=30></TD>

<TR>

<TDwidth=30bgColor=#5f9ea0height=30></TD>

<TDwidth=30bgColor=#5e5e5eheight=30></TD>

<TDwidth=30bgColor=#5d478bheight=30></TD>

<TDwidth=30bgColor=#5caceeheight=30></TD>

<TD>#5CACEE</TD></TR>

<TR>

<TDwidth=30bgColor=#5c5c5cheight=30></TD>

<TDwidth=30bgColor=#5b5b5bheight=30></TD>

<TDwidth=30bgColor=#595959height=30></TD>

<TDwidth=30bgColor=#575757height=30></TD>

<TR>

<TDwidth=30bgColor=#556b2fheight=30></TD>

<TDwidth=30bgColor=#555555height=30></TD>

<TDwidth=30bgColor=#551a8bheight=30></TD>

<TDwidth=30bgColor=#54ff9fheight=30></TD>

<TR>

<TDwidth=30bgColor=#548b54height=30></TD>

<TDwidth=30bgColor=#545454height=30></TD>

<TDwidth=30bgColor=#53868bheight=30></TD>

<TDwidth=30bgColor=#528b8bheight=30></TD>

<TR>

<TDwidth=30bgColor=#525252height=30></TD>

<TDwidth=30bgColor=#515151height=30></TD>

<TDwidth=30bgColor=#4f94cdheight=30></TD>

<TDwidth=30bgColor=#4f4f4fheight=30></TD>

<TR>

<TDwidth=30bgColor=#4eee94height=30></TD>

<TDwidth=30bgColor=#4d4d4dheight=30></TD>

<TDwidth=30bgColor=#4b0082height=30></TD>

<TDwidth=30bgColor=#4a708bheight=30></TD>

<TR>

<TDwidth=30bgColor=#4a4a4aheight=30></TD>

<TDwidth=30bgColor=#48d1ccheight=30></TD>

<TDwidth=30bgColor=#4876ffheight=30></TD>

<TDwidth=30bgColor=#483d8bheight=30></TD>

<TR>

<TDwidth=30bgColor=#474747height=30></TD>

<TDwidth=30bgColor=#473c8bheight=30></TD>

<TDwidth=30bgColor=#4682b4height=30></TD>

<TDwidth=30bgColor=#458b74height=30></TD>

<TR>

<TDwidth=30bgColor=#458b00height=30></TD>

<TDwidth=30bgColor=#454545height=30></TD>

<TDwidth=30bgColor=#43cd80height=30></TD>

<TDwidth=30bgColor=#436eeeheight=30></TD>

<TR>

<TDwidth=30bgColor=#424242height=30></TD>

<TDwidth=30bgColor=#4169e1height=30></TD>

<TDwidth=30bgColor=#40e0d0height=30></TD>

<TDwidth=30bgColor=#404040height=30></TD>

<TR>

<TDwidth=30bgColor=#3d3d3dheight=30></TD>

<TDwidth=30bgColor=#3cb371height=30></TD>

<TDwidth=30bgColor=#3b3b3bheight=30></TD>

<TDwidth=30bgColor=#3a5fcdheight=30></TD>

<TR>

<TDwidth=30bgColor=#388e8eheight=30></TD>

<TDwidth=30bgColor=#383838height=30></TD>

<TDwidth=30bgColor=#36648bheight=30></TD>

<TDwidth=30bgColor=#363636height=30></TD>

<TR>

<TDwidth=30bgColor=#333333height=30></TD>

<TDwidth=30bgColor=#32cd32height=30></TD>

<TDwidth=30bgColor=#303030height=30></TD>

<TDwidth=30bgColor=#2f4f4fheight=30></TD>

<TR>

<TDwidth=30bgColor=#2e8b57height=30></TD>

<TDwidth=30bgColor=#2e2e2eheight=30></TD>

<TDwidth=30bgColor=#2b2b2bheight=30></TD>

<TDwidth=30bgColor=#292929height=30></TD>

<TR>

<TDwidth=30bgColor=#282828height=30></TD>

<TDwidth=30bgColor=#27408bheight=30></TD>

<TDwidth=30bgColor=#262626height=30></TD>

<TDwidth=30bgColor=#242424height=30></TD>

<TR>

<TDwidth=30bgColor=#228b22height=30></TD>

<TDwidth=30bgColor=#218868height=30></TD>

<TDwidth=30bgColor=#212121height=30></TD>

<TDwidth=30bgColor=#20b2aaheight=30></TD>

<TR>

<TDwidth=30bgColor=#1f1f1fheight=30></TD>

<TDwidth=30bgColor=#1e90ffheight=30></TD>

<TDwidth=30bgColor=#1e1e1eheight=30></TD>

<TDwidth=30bgColor=#1c86eeheight=30></TD>

<TR>

<TDwidth=30bgColor=#1c1c1cheight=30></TD>

<TDwidth=30bgColor=#1a1a1aheight=30></TD>

<TDwidth=30bgColor=#191970height=30></TD>

<TDwidth=30bgColor=#1874cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#171717height=30></TD>

<TDwidth=30bgColor=#141414height=30></TD>

<TDwidth=30bgColor=#121212height=30></TD>

<TDwidth=30bgColor=#104e8bheight=30></TD>

<TR>

<TDwidth=30bgColor=#0f0f0fheight=30></TD>

<TDwidth=30bgColor=#0d0d0dheight=30></TD>

<TDwidth=30bgColor=#0a0a0aheight=30></TD>

<TDwidth=30bgColor=#080808height=30></TD>

<TR>

<TDwidth=30bgColor=#050505height=30></TD>

<TDwidth=30bgColor=#030303height=30></TD>

<TDwidth=30bgColor=#00ffffheight=30></TD>

<TDwidth=30bgColor=#00ff7fheight=30></TD>

<TR>

<TDwidth=30bgColor=#00ff00height=30></TD>

<TDwidth=30bgColor=#00fa9aheight=30></TD>

<TDwidth=30bgColor=#00f5ffheight=30></TD>

<TDwidth=30bgColor=#00eeeeheight=30></TD>

<TR>

<TDwidth=30bgColor=#00ee76height=30></TD>

<TDwidth=30bgColor=#00ee00height=30></TD>

<TDwidth=30bgColor=#00e5eeheight=30></TD>

<TDwidth=30bgColor=#00ced1height=30></TD>

<TR>

<TDwidth=30bgColor=#00cdcdheight=30></TD>

<TDwidth=30bgColor=#00cd66height=30></TD>

<TDwidth=30bgColor=#00cd00height=30></TD>

<TDwidth=30bgColor=#00c5cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#00bfffheight=30></TD>

<TDwidth=30bgColor=#00b2eeheight=30></TD>

<TDwidth=30bgColor=#009acdheight=30></TD>

<TDwidth=30bgColor=#008b8bheight=30></TD>

<TR>

<TDwidth=30bgColor=#008b45height=30></TD>

<TDwidth=30bgColor=#008b00height=30></TD>

<TDwidth=30bgColor=#00868bheight=30></TD>

<TDwidth=30bgColor=#00688bheight=30></TD>

<TR>

<TDwidth=30bgColor=#006400height=30></TD>

<TDwidth=30bgColor=#0000ffheight=30></TD>

<TDwidth=30bgColor=#0000eeheight=30></TD>

<TDwidth=30bgColor=#0000cdheight=30></TD>

<TR>

<TDwidth=30bgColor=#0000aaheight=30></TD>

<TDwidth=30bgColor=#00008bheight=30></TD>

<TDwidth=30bgColor=#000080height=30></TD>

<TDwidth=30bgColor=#000000height=30></TD>

<Palign=center><IFRAMEborder=0name=I1align=middle

src="img/color1.htm"frameBorder=0width=760scrolling=no

height=954>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>

<Palign=center><IFRAMEborder=0name=I2align=center

src="img/color2.htm"frameBorder=0width=641scrolling=no

height=573>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>

<Palign=center><IFRAMEborder=0name=I3align=center

src="img/color3.htm"frameBorder=0width=960scrolling=no

height=4754>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>

<Palign=center><IFRAMEborder=0name=I4align=center

src="img/color4.htm"frameBorder=0width=960scrolling=no

height=4930>

浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>

<DIValign=center></DIV>

<DIValign=center></DIV></BODY>

【js实现的网页颜色代码表全集】相关文章：

★ 简单实用的网页表格特效

★ Javascript随机显示图片的源代码

★ javascript实现table选中的行以指定颜色高亮显示

★ Javascript实现广告页面的定时关闭

★ 网页常用特效代码整理

★ jQuery实现将页面上HTML标签换成另外标签的方法

★ JS+CSS实现的拖动分页效果实例

★ js实现精美的图片跟随鼠标效果实例

★ 简单的防盗链功能代码(iframe)

★ 原生js实现的贪吃蛇网页版游戏完整实例

上一篇： JTrackBar水平拖动效果

下一篇： javascript实现unicode和字符的互相转换

学习工具