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>

  

  

网页颜色代码对照表

  
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    

	#FFFFFF		#FFFFF0		#FFFFE0		#FFFF00
	#FFFAFA		#FFFAF0		#FFFACD		#FFF8DC
	#FFF68F		#FFF5EE		#FFF0F5		#FFEFDB
	#FFEFD5		#FFEC8B		#FFEBCD		#FFE7BA
	#FFE4E1		#FFE4C4		#FFE4B5		#FFE1FF
	#FFDEAD		#FFDAB9		#FFD700		#FFD39B
	#FFC1C1		#FFC125		#FFC0CB		#FFBBFF
	#FFB90F		#FFB6C1		#FFB5C5		#FFAEB9
	#FFA54F		#FFA500		#FFA07A		#FF8C69
	#FF8C00		#FF83FA		#FF82AB		#FF8247
	#FF7F50		#FF7F24		#FF7F00		#FF7256
	#FF6EB4		#FF6A6A		#FF69B4		#FF6347
	#FF4500		#FF4040		#FF3E96		#FF34B3
	#FF3030		#FF1493		#FF00FF		#FF0000
	#FDF5E6		#FCFCFC		#FAFAFA		#FAFAD2
	#FAF0E6		#FAEBD7		#FA8072		#F8F8FF
	#F7F7F7		#F5FFFA		#F5F5F5		#F5F5DC
	#F5DEB3		#F4F4F4		#F4A460		#F2F2F2
	#F0FFFF		#F0FFF0		#F0F8FF		#F0F0F0
	#F0E68C		#F08080		#EEEEE0		#EEEED1
	#EEEE00		#EEE9E9		#EEE9BF		#EEE8CD
	#EEE8AA		#EEE685		#EEE5DE		#EEE0E5
	#EEDFCC		#EEDC82		#EED8AE		#EED5D2
	#EED5B7		#EED2EE		#EECFA1		#EECBAD
	#EEC900		#EEC591		#EEB4B4		#EEB422
	#EEAEEE		#EEAD0E		#EEA9B8		#EEA2AD
	#EE9A49		#EE9A00		#EE9572		#EE82EE
	#EE8262		#EE7AE9		#EE799F		#EE7942
	#EE7621		#EE7600		#EE6AA7		#EE6A50
	#EE6363		#EE5C42		#EE4000		#EE3B3B
	#EE3A8C		#EE30A7		#EE2C2C		#EE1289
	#EE00EE		#EE0000		#EDEDED		#EBEBEB
	#EAEAEA		#E9967A		#E8E8E8		#E6E6FA
	#E5E5E5		#E3E3E3		#E0FFFF		#E0EEEE
	#E0EEE0		#E0E0E0		#E066FF		#DEDEDE
	#DEB887		#DDA0DD		#DCDCDC		#DC143C
	#DBDBDB		#DB7093		#DAA520		#DA70D6
	#D9D9D9		#D8BFD8		#D6D6D6		#D4D4D4
	#D3D3D3		#D2B48C		#D2691E		#D1EEEE
	#D1D1D1		#D15FEE		#D02090		#CFCFCF
	#CDCDC1		#CDCDB4		#CDCD00		#CDC9C9
	#CDC9A5		#CDC8B1		#CDC673		#CDC5BF
	#CDC1C5		#CDC0B0		#CDBE70		#CDBA96
	#CDB7B5		#CDB79E		#CDB5CD		#CDB38B
	#CDAF95		#CDAD00		#CDAA7D		#CD9B9B
	#CD9B1D		#CD96CD		#CD950C		#CD919E
	#CD8C95		#CD853F		#CD8500		#CD8162
	#CD7054		#CD69C9		#CD6889		#CD6839
	#CD661D		#CD6600		#CD6090		#CD5C5C
	#CD5B45		#CD5555		#CD4F39		#CD3700
	#CD3333		#CD3278		#CD2990		#CD2626
	#CD1076		#CD00CD		#CD0000		#CCCCCC
	#CAFF70		#CAE1FF		#C9C9C9		#C7C7C7
	#C71585		#C6E2FF		#C67171		#C5C1AA
	#C4C4C4		#C2C2C2		#C1FFC1		#C1CDCD
	#C1CDC1		#C1C1C1		#C0FF3E		#BFEFFF
	#BFBFBF		#BF3EFF		#BEBEBE		#BDBDBD
	#BDB76B		#BCEE68		#BCD2EE		#BC8F8F
	#BBFFFF		#BABABA		#BA55D3		#B9D3EE
	#B8B8B8		#B8860B		#B7B7B7		#B5B5B5
	#B4EEB4		#B4CDCD		#B452CD		#B3EE3A
	#B3B3B3		#B2DFEE		#B23AEE		#B22222
	#B0E2FF		#B0E0E6		#B0C4DE		#B0B0B0
	#B03060		#AEEEEE		#ADFF2F		#ADD8E6
	#ADADAD		#ABABAB		#AB82FF		#AAAAAA
	#A9A9A9		#A8A8A8		#A6A6A6		#A52A2A
	#A4D3EE		#A3A3A3		#A2CD5A		#A2B5CD
	#A1A1A1		#A0522D		#A020F0		#9FB6CD
	#9F79EE		#9E9E9E		#9C9C9C		#9BCD9B
	#9B30FF		#9AFF9A		#9ACD32		#9AC0CD
	#9A32CD		#999999		#9932CC		#98FB98
	#98F5FF		#97FFFF		#96CDCD		#969696
	#949494		#9400D3		#9370DB		#919191
	#912CEE		#90EE90		#8FBC8F		#8F8F8F
	#8EE5EE		#8E8E8E		#8E8E38		#8E388E
	#8DEEEE		#8DB6CD		#8C8C8C		#8B8B83
	#8B8B7A		#8B8B00		#8B8989	&