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

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<script> <BR>var SelRGB = ''; <BR>var DrRGB = ''; <BR>var SelGRAY = '120'; <br><br>var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'); <br><br>function ToHex(n) <BR>{ var h, l; <br><br> n = Math.round(n); <BR> l = n % 16; <BR> h = Math.floor((n / 16)) % 16; <BR> return (hexch[h] + hexch[l]); <BR>} <br><br>function DoColor(c, l) <BR>{ var r, g, b; <br><br> r = '0x' + c.substring(1, 3); <BR> g = '0x' + c.substring(3, 5); <BR> b = '0x' + c.substring(5, 7); <br><br> if(l > 120) <BR> { <BR> l = l - 120; <br><br> r = (r * (120 - l) + 255 * l) / 120; <BR> g = (g * (120 - l) + 255 * l) / 120; <BR> b = (b * (120 - l) + 255 * l) / 120; <BR> }else <BR> { <BR> r = (r * l) / 120; <BR> g = (g * l) / 120; <BR> b = (b * l) / 120; <BR> } <br><br> return '#' + ToHex(r) + ToHex(g) + ToHex(b); <BR>} <br><br>function EndColor() <BR>{ var i; <br><br> if(DrRGB != SelRGB) <BR> { <BR> DrRGB = SelRGB; <BR> for(i = 0; i <= 30; i ++) <BR> GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8); <BR> } <br><br> SelColor.value = DoColor(RGB.innerText, GRAY.innerText); <BR> ShowColor.bgColor = SelColor.value; <BR>} <BR></script>

<script> <BR> SelRGB = event.srcElement.bgColor; <BR> EndColor(); <BR></script>

<script> <BR> RGB.innerText = event.srcElement.bgColor; <BR> EndColor(); <BR></script>

<script> <BR> RGB.innerText = SelRGB; <BR> EndColor(); <BR></script>

<script> <BR> SelGRAY = event.srcElement.title; <BR> EndColor(); <BR></script>

<script> <BR> GRAY.innerText = event.srcElement.title; <BR> EndColor(); <BR></script>

<script> <BR> GRAY.innerText = SelGRAY; <BR> EndColor(); <BR></script>

<script> <BR> window.returnValue = SelColor.value; <BR> window.close(); <BR></script>



border=0>
  
  
    
    
  
    
    
  
    

name=select1> 红         value=2>绿 蓝       value=4>灰	颜色值                                                                           width=40 border=0>                                                                bgColor=#ffffff>
border=0><script> <BR>function hexit(which) <BR>hexit=hex(which) <BR>end function <BR></script>         <script> <BR>for(i=0;i<=15;++i) <BR>{document.write('<tr><td align="center">'+ hexit(0+i*17) +'<td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" <BR>width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)">') <BR> document.all['tdleft' + i].num=i <BR>} <BR></script>	border=0>         <script> <BR>document.write('<tr><td>') <BR>for(i=0;i<=15;++i) <BR>{document.write('<td align="center">'+ hexit(0+i*17) +'')} <BR>document.write('') <br><br>for(i=0;i<=15;++i) <BR>{document.write('<tr>') <BR> document.write('<td align="center">'+ hexit(0+i*17) +'') <BR> for(j=0;j<=15;++j) <BR> {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" <BR>height="15" onmouseover="showcolor(this)" onclick="clickright(this)">')} <BR> document.write('') <BR>} <br><br></script>
height=20>·可选16*16*16种颜色。 ·单击左边的颜色会得到更多的颜色。 ·单击右边的颜色会固定选取的颜色。         ·输入框可以自定义颜色。

<script> <BR>function selectchg(which) <BR>{switch(which) <BR> {case '1' :leftR();break; <BR> case '2' :leftG();break; <BR> case '3' :leftB();break; <BR> case '4' :leftA();break; <BR> } <BR>} <BR>function leftR() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} <BR> rightR(0) <BR>} <BR>function leftG() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} <BR> rightG(0) <BR>} <BR>function leftB() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} <BR> rightB(0) <BR>} <BR>function leftA() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} <BR> rightA() <BR>} <BR>function rightR(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'} <BR> } <BR>} <BR>function rightG(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'} <BR> } <BR>} <BR>function rightB(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'} <BR> } <BR>} <BR>function rightA() <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'} <BR> } <BR>} <BR>var rightclicked=false <BR>function clickright(which) <BR>{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true} <BR>} <BR>function changeright(which) <BR>{switch(select1.value) <BR> {case '1' :rightR(which);break; <BR> case '2' :rightG(which);break; <BR> case '3' :rightB(which);break; <BR> } <BR>} <BR>function showcolor(which) <BR>{if(rightclicked)return; <BR> text1.value=which.bgColor <BR> choosecolor() <BR>} <BR>function choosecolor() <BR>{customcolor.bgColor=text1.value <BR>} <BR></script>

网页颜色代码对照表