调色板
来源：互联网 发布：java cms网站源码 编辑：程序博客网 时间：2024/04/28 03:16
<STYLE type=text/css>
TD {FONT-SIZE: 10.8pt}
BODY {FONT-SIZE: 10.8pt}
BUTTON {WIDTH: 5em}
</STYLE>
<SCRIPT language=JavaScript>
<!--
function IsColor(color){
var temp=color;
if (temp=="") return true;
if (temp.length!=7) return false;
return (temp.search(/\#[a-fA-F0-9]{6}/) != -1);
}
var color = "" ;
if (!color) color = "#000000";
function InitDocument(){
ShowColor.bgColor = color;
RGB.innerHTML = color;
SelColor.value = color;
}
var SelRGB = color;
var DrRGB = '';
var SelGRAY = '120';
var hexch = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F');
function ToHex(n) {
var h, l;
n = Math.round(n);
l = n % 16;
h = Math.floor((n / 16)) % 16;
return (hexch[h] + hexch[l]);
}
function DoColor(c, l){
var r, 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);
}
function EndColor(){
var i;
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>
<SCRIPT event=onclick for=ColorTable language=JavaScript>
<!--
SelRGB = event.srcElement.bgColor;
RGB.innerText = event.srcElement.bgColor;
EndColor();
//-->
</SCRIPT>
<SCRIPT event=onmouseover for=ColorTable language=JavaScript>
<!--
RGB.innerText = event.srcElement.bgColor;
EndColor();
//-->
</SCRIPT>
<SCRIPT event=onmouseout for=ColorTable language=JavaScript>
<!--
RGB.innerText = SelRGB;
EndColor();
//-->
</SCRIPT>
<SCRIPT event=onclick for=GrayTable language=JavaScript>
<!--
SelGRAY = event.srcElement.title;
GRAY.innerText = event.srcElement.title;
EndColor();
//-->
</SCRIPT>
<SCRIPT event=onmouseover for=GrayTable language=JavaScript>
<!--
GRAY.innerText = event.srcElement.title;
EndColor();
//-->
</SCRIPT>
<SCRIPT event=onmouseout for=GrayTable language=JavaScript>
<!--
GRAY.innerText = SelGRAY;
EndColor();
//-->
</SCRIPT>
<BODY bgcolor="#cccccc" onload="InitDocument()">
<TABLE border=0 cellPadding=0 cellSpacing=10 align=center>
<TR>
<TD>
<TABLE border=0 cellPadding=0 cellSpacing=0 id=ColorTable style="CURSOR: hand">
<SCRIPT language=JavaScript>
<!--
function wc(r,g,b,n){
r=((r*16+r)*3*(15-n)+0x80*n)/15;
g=((g*16+g)*3*(15-n)+0x80*n)/15;
b=((b*16+b)*3*(15-n)+0x80*n)/15;
document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' height=8 width=8></TD>'); // 生成颜色块
}
var cnum = new Array(1,0,0,1,1,0,0,1,0,0,1,1,0,0,1,1,0,1,1,0,0);
for(i=0;i<16;i++){
document.write('<TR>');
for(j=0;j<30;j++){
n1=j%5;
n2=Math.floor(j/5)*3;
n3=n2+3;
wc((cnum[n3]*n1+cnum[n2]*(5-n1)),
(cnum[n3+1]*n1+cnum[n2+1]*(5-n1)),
(cnum[n3+2]*n1+cnum[n2+2]*(5-n1)),i);
}
document.writeln('</TR>');
}
//-->
</SCRIPT></TABLE></TD>
<TD><TABLE border=0 cellPadding=0 cellSpacing=0 id=GrayTable style="CURSOR: hand">
<SCRIPT language=JavaScript>
<!--
for(i = 255; i >= 0; i -= 8.5)
document.write('<TR BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><TD TITLE=' + Math.floor(i*16/17) + ' height=4 width=20></TD></TR>'); // 生成右侧亮度条
//-->
</SCRIPT>
</TABLE></TD></TR></TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=10 align=center>
<TR>
<TD align=middle rowSpan=2>选中色彩
<TABLE border=1 cellPadding=0 cellSpacing=0 height=30 id=ShowColor width=40 bgcolor="">
<tr><td></td></tr>
</TABLE>
</TD>
<TD rowSpan=2>基色: <SPAN id=RGB></SPAN><BR>亮度: <SPAN id=GRAY>120</SPAN><BR>代码: <INPUT id=SelColor size=7 value=""></TD>
</TR>
</TABLE>
