颜色运用是Web设计中很重要的一块内容。当你在书写编码时，需要运用到某一款颜色，你是否能立刻写出其color参数值呢？我想很难，再好的头脑也不可能将所有的色值全都记下来。这个时候，你需要通过查询来获取你所需要的color参数。那么，通过什么途径查询呢？你一定想说，最好能有一个专门的色值查询工具，不是吗？下面这段代码，书写的就是一个色值查询工具，单击“运行代码”按钮，即可查看效果演示。至于如何使用，没问题吧？这里就不另加说明了。一起来分享——

<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd border=0> <TBODY> <TR bgColor=#ffffff> <TD align=middle width="10%"><SELECT onchange=selectchg(this.value) name=select1> <OPTION value=1 selected>红</OPTION> <OPTION value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION value=4>灰</OPTION></SELECT> </TD> <TD align=middle width="90%"> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD align=right><INPUT class=memo size=10 name=text1> <INPUT class=button onclick=choosecolor() type=button value=">>" name=Button2> </TD> <TD align=right width="3%"> </TD> <TD width="30%"> <TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0 width=40 border=0> <TBODY> <TR> <TD id=customcolor onmouseover=showcolor(this) bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR> <TR bgColor=#ffffff> <TD align=middle width="10%"> <TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0 border=0><SCRIPT language=VBScript> function hexit(which) hexit=hex(which) end function </SCRIPT> <SCRIPT language=JavaScript> for(i=0;i<=15;++i) {document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="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> <TBODY></TBODY></TABLE></TD> <TD align=middle width="90%"> <TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0 border=0> <SCRIPT language=JavaScript> document.write('<tr><td></td>') for(i=0;i<=15;++i) {document.write('<td align="center">'+ hexit(0+i*17) +'</td>')} document.write('</tr>') for(i=0;i<=15;++i) {document.write('<tr>') document.write('<td align="center">'+ hexit(0+i*17) +'</td>') for(j=0;j<=15;++j) {document.write('<td id="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> <TBODY></TBODY></TABLE></TD></TR> <TR bgColor=#ffffff> <TD colSpan=2 height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。 <BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE> <SCRIPT language=JavaScript> function selectchg(which) {switch(which) {case '1' :leftR();break; case '2' :leftG();break; case '3' :leftB();break; case '4' :leftA();break; } } function leftR() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} rightR(0) } function leftG() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} rightG(0) } function leftB() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} rightB(0) } function leftA() {for(i=0;i<=15;++i) {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} rightA() } function rightR(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) + ')'} } } function rightG(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) + ')'} } } function rightB(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) + ')'} } } function rightA() {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) + ')'} } } var rightclicked=false function clickright(which) {if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true} } function changeright(which) {switch(select1.value) {case '1' :rightR(which);break; case '2' :rightG(which);break; case '3' :rightB(which);break; } } function showcolor(which) {if(rightclicked)return; text1.value=which.bgColor choosecolor() } function choosecolor() {customcolor.bgColor=text1.value } </SCRIPT>
提示：您可以先修改部分代码再运行

另外再额外补充一款：Color Schemer Online V2，也很不错哦！这款工具除了能在线快速查询顏色的RGB或HEX值外，还能建议你十六种不同的色彩。左方的 Lighten Schemer 能让你将这十六个顏色亮度提高、Darken Schemer 则能让顏色亮度降低。OK，Enjoy it！