html加上颜色选择,HTML颜色选择器

New Document

border=0>

name=select1> 红

value=2>绿

蓝

value=4>灰

		width=40 border=0>
bgColor=#ffffff>

border=0>

function hexit(which)

hexit=hex(which)

end function

for(i=0;i<=15;++i)

{document.write('

'+ hexit(0+i*17) +'')

document.all['tdleft' + i].num=i

}

border=0>

document.write('

')

for(i=0;i<=15;++i)

{document.write('

'+ hexit(0+i*17) +'')}

document.write('

')

for(i=0;i<=15;++i)

{document.write('

')

document.write('

'+ hexit(0+i*17) +'')

for(j=0;j<=15;++j)

{document.write('

')}

document.write('

')

}

height=20>·可选16*16*16种颜色。
·单击左边的颜色会得到更多的颜色。
·单击右边的颜色会固定选取的颜色。

·输入框可以自定义颜色。

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

}