HTML Color Picker(js拾色器效果)

　　<form name="recherche" method="post" action="yourpage.html">

　　<input type=hidden name="rgb" value="123">

　　<table style="background-color:#f6f6f6;border:1px dotted #666;padding:5px;margin:0px auto;">

　　<tr><td align=right>Couleur:<br><small>Cliquez pour lister les<br>oeuvres les plus proches<br>de la couleur sélectionnée</small></td>

　　<td style="border:1px outset #CCF;background-color:#ffe;width=172">

　　<div id=temoin style='float:right;width:40px;height:128px;'> </div>

　　<script language="Javascript" type="text/javascript">

　　<!--

　　var total=1657;var X=Y=j=RG=B=0;

　　var aR=new Array(total);var aG=new Array(total);var aB=new Array(total);

　　for (var i=0;i<256;i++){

　　aR[i+510]=aR[i+765]=aG[i+1020]=aG[i+5*255]=aB[i]=aB[i+255]=0;

　　aR[510-i]=aR[i+1020]=aG[i]=aG[1020-i]=aB[i+510]=aB[1530-i]=i;

　　aR[i]=aR[1530-i]=aG[i+255]=aG[i+510]=aB[i+765]=aB[i+1020]=255;

　　if(i<255){aR[i/2+1530]=127;aG[i/2+1530]=127;aB[i/2+1530]=127;}

　　}

　　function p(){var jla=document.getElementById('choix');jla.innerHTML=artabus;jla.style.backgroundColor=artabus;document.forms['recherche'].rgb.value=artabus}

　　var hexbase=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");

　　var i=0;var jl=new Array();

　　for(x=0;x<16;x++)for(y=0;y<16;y++)jl[i++]=hexbase[x]+hexbase[y];

　　document.write('<'+'table border="0" cellspacing="0" cellpadding="0" onMouseover="t(event)" onClick="p()">');

　　var H=W=63;

　　for (Y=0;Y<=H;Y++){

　　s='<'+'tr height=2>';j=Math.round(Y*(510/(H+1))-255)

　　for (X=0;X<=W;X++){

　　i=Math.round(X*(total/W))

　　R=aR[i]-j;if(R<0)R=0;if(R>255||isNaN(R))R=255

　　G=aG[i]-j;if(G<0)G=0;if(G>255||isNaN(G))G=255

　　B=aB[i]-j;if(B<0)B=0;if(B>255||isNaN(B))B=255

　　s=s+'<'+'td width=2 bgcolor=#'+jl[R]+jl[G]+jl[B]+'><'+'/td>'

　　}

　　document.write(s+'<'+'/tr>')

　　}

　　document.write('<'+'/table>');

　　var ns6=document.getElementById&&!document.all

　　var ie=document.all

　　var artabus=''

　　function t(e){

　　source=ie?event.srcElement:e.target

　　if(source.tagName=="TABLE")return

　　while(source.tagName!="TD" && source.tagName!="HTML")source=ns6?source.parentNode:source.parentElement

　　document.getElementById('temoin').style.backgroundColor=artabus=source.bgColor

　　}

　　// -->

　　</script>

　　<div id=choix style='height:24px;'  onClick="document.forms['recherche'].rgb.value='';this.style.backgroundColor=''"> </div><td></tr>

　　<tr><td colspan=2 align=center><input type=submit></td></tr>

　　</table>

　　</form>