一个经典网页配色器

作者: 天晴无名氏日期: 2006-11-17 00:29

字体大小: 小中大

一个经典网页配色器，很实用。

配好颜色以后,自己把相应的代码添加进去就可以了
也可以将下面的代码复制后另存页面到自己电脑使用。

HTML代码

&lt;HTML&gt; 
&lt;HEAD&gt; 
&lt;TITLE&gt;DoNews Blog配色器&lt;/TITLE&gt; 
&lt;script language=&quot;javascript&quot;&gt; 
var init_text = &quot;000000&quot;; 
var init_back = &quot;FFFFFF&quot;; 
var init_link = &quot;0000FF&quot;; 
var init_vlink = &quot;880088&quot;; 
var init_hover = &quot;0099FF&quot;; 
var init_alink = &quot;FF0000&quot;; 
var text_r = init_text.substring(0,2); 
var text_g = init_text.substring(2,4); 
var text_b = init_text.substring(4,6); 
var text_rgb = &quot;&quot; + text_r + text_g + text_b; 
var back_r = init_back.substring(0,2); 
var back_g = init_back.substring(2,4); 
var back_b = init_back.substring(4,6); 
var back_rgb = &quot;&quot; + back_r + back_g + back_b; 
var link_r = init_link.substring(0,2); 
var link_g = init_link.substring(2,4); 
var link_b = init_link.substring(4,6); 
var link_rgb = &quot;&quot; + link_r + link_g + link_b; 
var vlink_r = init_vlink.substring(0,2); 
var vlink_g = init_vlink.substring(2,4); 
var vlink_b = init_vlink.substring(4,6); 
var vlink_rgb = &quot;&quot; + vlink_r + vlink_g + vlink_b; 
var hover_r = init_hover.substring(0,2); 
var hover_g = init_hover.substring(2,4); 
var hover_b = init_hover.substring(4,6); 
var hover_rgb = &quot;&quot; + hover_r + hover_g + hover_b; 
var alink_r = init_alink.substring(0,2); 
var alink_g = init_alink.substring(2,4); 
var alink_b = init_alink.substring(4,6); 
var alink_rgb = &quot;&quot; + alink_r + alink_g + alink_b; 
var link_underline = &quot;&quot;; 
var font_size = &quot;&quot;; 
var font_family = &quot;&quot;; 
var font_weight = &quot;&quot;; 
var font_style = &quot;&quot;; 
var hexcode_array = new Array('00','11','22','33','44','55','66','77','88','99','AA','BB','CC','DD','EE','FF'); 
function colorsAll(RGB) 
{ 
var RR = RGB.substring(0,2); 
var GG = RGB.substring(2,4); 
var BB = RGB.substring(4,6); 
//text 
if(window.document.pickerform.chooser[0].checked == true) 
{ 
text_r = RR; text_g = GG; text_b = BB; 
text_rgb = &quot;&quot; + text_r + text_g + text_b; 
window.document.pickerform.colorbox_text.value = text_rgb; 
reColorAndGray(text_r,text_g,text_b); 
window.document.getElementById(&quot;heading&quot;).style.color = text_rgb; 
window.document.getElementById(&quot;text&quot;).style.color = text_rgb; 
window.document.getElementById(&quot;stylecode&quot;).style.color = text_rgb; 
} 
//back 
else if(window.document.pickerform.chooser[1].checked == true) 
{ 
back_r = RR; back_g = GG; back_b = BB; 
back_rgb = &quot;&quot; + back_r + back_g + back_b; 
window.document.pickerform.colorbox_back.value = back_rgb; 
reColorAndGray(back_r,back_g,back_b); 
window.document.getElementById(&quot;rightcell&quot;).style.backgroundColor = back_rgb; 
} 
//link 
else if(window.document.pickerform.chooser[2].checked == true) 
{ 
link_r = RR; link_g = GG; link_b = BB; 
link_rgb = &quot;&quot; + link_r + link_g + link_b; 
window.document.pickerform.colorbox_link.value = link_rgb; 
reColorAndGray(link_r,link_g,link_b); 
window.document.getElementById(&quot;link&quot;).style.color = link_rgb; 
window.document.getElementById(&quot;link2&quot;).style.color = link_rgb; 
} 
//vlink 
else if(window.document.pickerform.chooser[3].checked == true) 
{ 
vlink_r = RR; vlink_g = GG; vlink_b = BB; 
vlink_rgb = &quot;&quot; + vlink_r + vlink_g + vlink_b; 
window.document.pickerform.colorbox_vlink.value = vlink_rgb; 
reColorAndGray(vlink_r,vlink_g,vlink_b); 
window.document.getElementById(&quot;vlink&quot;).style.color = vlink_rgb; 
} 
//hover 
else if(window.document.pickerform.chooser[4].checked == true) 
{ 
hover_r = RR; hover_g = GG; hover_b = BB; 
hover_rgb = &quot;&quot; + hover_r + hover_g + hover_b; 
window.document.pickerform.colorbox_hover.value = hover_rgb; 
reColorAndGray(hover_r,hover_g,hover_b); 
window.document.getElementById(&quot;hover&quot;).style.color = hover_rgb; 
} 
//alink 
else if(window.document.pickerform.chooser[5].checked == true) 
{ 
alink_r = RR; alink_g = GG; alink_b = BB; 
alink_rgb = &quot;&quot; + alink_r + alink_g + alink_b; 
window.document.pickerform.colorbox_alink.value = alink_rgb; 
reColorAndGray(alink_r,alink_g,alink_b); 
window.document.getElementById(&quot;alink&quot;).style.color = alink_rgb; 
} 
doBGImage(); 
updateCode(); 
} 
function colorsOne(RGorB,XX) 
{ 
//text 
if(window.document.pickerform.chooser[0].checked == true) 
{ 
if(RGorB == &quot;R&quot;) { text_r = XX; } 
else if(RGorB == &quot;G&quot;) { text_g = XX; } 
else if(RGorB == &quot;B&quot;) { text_b = XX; } 
text_rgb = &quot;&quot; + text_r + text_g + text_b; 
window.document.pickerform.colorbox_text.value = text_rgb; 
reColorAndGray(text_r,text_g,text_b); 
window.document.getElementById(&quot;heading&quot;).style.color = text_rgb; 
window.document.getElementById(&quot;text&quot;).style.color = text_rgb; 
window.document.getElementById(&quot;stylecode&quot;).style.color = text_rgb; 
} 
//back 
else if(window.document.pickerform.chooser[1].checked == true) 
{ 
if(RGorB == &quot;R&quot;) { back_r = XX; } 
else if(RGorB == &quot;G&quot;) { back_g = XX; } 
else if(RGorB == &quot;B&quot;) { back_b = XX; } 
back_rgb = &quot;&quot; + back_r + back_g + back_b; 
window.document.pickerform.colorbox_back.value = back_rgb; 
reColorAndGray(back_r,back_g,back_b); 
window.document.getElementById(&quot;rightcell&quot;).style.backgroundColor = back_rgb; 
} 
//link 
else if(window.document.pickerform.chooser[2].checked == true) 
{ 
if(RGorB == &quot;R&quot;) { link_r = XX; } 
else if(RGorB == &quot;G&quot;) { link_g = XX; } 
else if(RGorB == &quot;B&quot;) { link_b = XX; } 
link_rgb = &quot;&quot; + link_r + link_g + link_b; 
window.document.pickerform.colorbox_link.value = link_rgb; 
reColorAndGray(link_r,link_g,link_b); 
window.document.getElementById(&quot;link&quot;).style.color = link_rgb; 
window.document.getElementById(&quot;link2&quot;).style.color = link_rgb; 
} 
//vlink 
else if(window.document.pickerform.chooser[3].checked == true) 
{ 
if(RGorB == &quot;R&quot;) { vlink_r = XX; } 
else if(RGorB == &quot;G&quot;) { vlink_g = XX; } 
else if(RGorB == &quot;B&quot;) { vlink_b = XX; } 
vlink_rgb = &quot;&quot; + vlink_r + vlink_g + vlink_b; 
window.document.pickerform.colorbox_vlink.value = vlink_rgb; 
reColorAndGray(vlink_r,vlink_g,vlink_b); 
window.document.getElementById(&quot;vlink&quot;).style.color = vlink_rgb; 
} 
//hover 
else if(window.document.pickerform.chooser[4].checked == true) 
{ 
if(RGorB == &quot;R&quot;) { hover_r = XX; } 
else if(RGorB == &quot;G&quot;) { hover_g = XX; } 
else if(RGorB == &quot;B&quot;) { hover_b = XX; } 
hover_rgb = &quot;&quot; + hover_r + hover_g + hover_b; 
window.document.pickerform.colorbox_hover.value = hover_rgb; 
reColorAndGray(hover_r,hover_g,hover_b); 
window.document.getElementById(&quot;hover&quot;).style.color = hover_rgb; 
} 
//alink 
else if(window.document.pickerform.chooser[5].checked == true) 
{ 
if(RGorB == &quot;R&quot;) { alink_r = XX; } 
else if(RGorB == &quot;G&quot;) { alink_g = XX; } 
else if(RGorB == &quot;B&quot;) { alink_b = XX; } 
alink_rgb = &quot;&quot; + alink_r + alink_g + alink_b; 
window.document.pickerform.colorbox_alink.value = alink_rgb; 
reColorAndGray(alink_r,alink_g,alink_b); 
window.document.getElementById(&quot;alink&quot;).style.color = alink_rgb; 
} 
doBGImage(); 
updateCode(); 
} 
function reColorAndGray(RR,GG,BB) 
{ 
//recolor codes 
for(var i = 0; i &lt; 16; i++) { window.document.getElementById(&quot;R&quot; + hexcode_array[i]).style.backgroundColor = &quot;ffdddd&quot;; } 
for(var i = 0; i &lt; 16; i++) { window.document.getElementById(&quot;G&quot; + hexcode_array[i]).style.backgroundColor = &quot;ddffdd&quot;; } 
for(var i = 0; i &lt; 16; i++) { window.document.getElementById(&quot;B&quot; + hexcode_array[i]).style.backgroundColor = &quot;ddddff&quot;; } 
//gray out current 
window.document.getElementById(&quot;R&quot; + RR).style.backgroundColor = &quot;bbbbbb&quot;; 
window.document.getElementById(&quot;G&quot; + GG).style.backgroundColor = &quot;bbbbbb&quot;; 
window.document.getElementById(&quot;B&quot; + BB).style.backgroundColor = &quot;bbbbbb&quot;; 
} 
function chooserMode(MODE) 
{ 
if(MODE == &quot;text&quot;) { var RGB = text_rgb; } 
else if(MODE == &quot;link&quot;) { var RGB = link_rgb; } 
else if(MODE == &quot;vlink&quot;) { var RGB = vlink_rgb; } 
else if(MODE == &quot;alink&quot;) { var RGB = alink_rgb; } 
else if(MODE == &quot;back&quot;) { var RGB = back_rgb; } 
else if(MODE == &quot;hover&quot;) { var RGB = hover_rgb; } 
var RR = RGB.substring(0,2); 
var GG = RGB.substring(2,4); 
var BB = RGB.substring(4,6); 
reColorAndGray(RR,GG,BB); 
doBGImage(); 
} 
function updateCode() 
{ 
var URL = window.document.pickerform.bgimage.value; 
var bgcode_style = &quot;&quot;; 
var bgcode_body = &quot;&quot;; 
if(URL != &quot;&quot;) 
{ 
bgcode_style = &quot;&lt;br&gt;&lt;nobr&gt; ; ; ;background-image:url(&quot; + URL + &quot;);&lt;/nobr&gt;&quot; 
bgcode_body = &quot;&lt;br&gt; ;background=&quot;&quot; + URL + &quot;&quot;&quot;; 
} 
var newcode = &quot;&quot;; 
newcode += &quot;&lt;b&gt;代码&lt;/b&gt;&quot;; 
newcode += &quot;&lt;br&gt;(Use this if you are defining your colors via CSS)&quot;; 
newcode += &quot;&lt;br&gt;&quot;; 
newcode += &quot;&lt;span style=&quot;font:normal 12px&quot; id=&quot;code_style&quot;&gt;&quot;; 
newcode += &quot;&lt;br&gt;&lt;;style type=&quot;text/css&quot;&gt;;&quot;; 
newcode += &quot;&lt;br&gt;body {&quot;; 
newcode += bgcode_style; 
newcode += &quot;&lt;br&gt;background-color:#&quot; + back_rgb + &quot;;&quot;; 
newcode += &quot;&lt;br&gt;color:#&quot; + text_rgb + &quot;;&quot;; 
newcode += font_family; 
newcode += font_size; 
newcode += font_weight; 
newcode += font_style; 
newcode += &quot;&lt;br&gt;}&quot;; 
newcode += &quot;&lt;br&gt;&quot;; 
newcode += &quot;&lt;br&gt;a:link { color:#&quot; + link_rgb + &quot;;&quot; + link_underline + &quot; }&quot;; 
newcode += &quot;&lt;br&gt;a:vlink { color:#&quot; + vlink_rgb + &quot;;&quot; + link_underline + &quot; }&quot;; 
newcode += &quot;&lt;br&gt;a:alink { color:#&quot; + alink_rgb + &quot;;&quot; + link_underline + &quot; }&quot;; 
newcode += &quot;&lt;br&gt;a:hover { color:#&quot; + hover_rgb + &quot;;&quot; + link_underline + &quot; }&quot;; 
newcode += &quot;&lt;br&gt;&quot;; 
newcode += &quot;&lt;br&gt;&lt;;/style&gt;;&quot;; 
newcode += &quot;&lt;br&gt;&quot;; 
newcode += &quot;&lt;/span&gt;&quot;; 
//newcode += &quot;&lt;br&gt;&lt;input type=button value=&quot;Open test page&quot; onClick=&quot;openTestPageStyle()&quot; style=&quot;font:normal 11px verdana;&quot;&gt;&quot;; 
newcode += &quot;&quot;; 
//newcode += &quot;&lt;br&gt;&lt;input type=button value=&quot;Open test page&quot; onClick=&quot;openTestPageBody()&quot; style=&quot;font:normal 11px verdana;&quot;&gt;&quot;; 
window.document.getElementById(&quot;stylecode&quot;).innerHTML = newcode; 
} 
function liteLinkOn(MYLINK) 
{ 
window.document.getElementById(MYLINK).style.color = hover_rgb; 
} 
function liteLinkOff(MYLINK) 
{ 
if(MYLINK == &quot;link2&quot;) 
{ 
window.document.getElementById(MYLINK).style.color = link_rgb; 
} 
else 
{ 
window.document.getElementById(MYLINK).style.color = eval(MYLINK + &quot;_rgb&quot;); 
} 
} 
function fillColorBoxes() 
{ 
window.document.pickerform.colorbox_text.value = text_rgb; 
window.document.pickerform.colorbox_link.value = link_rgb; 
window.document.pickerform.colorbox_hover.value = hover_rgb; 
window.document.pickerform.colorbox_back.value = back_rgb; 
window.document.pickerform.colorbox_vlink.value = vlink_rgb; 
window.document.pickerform.colorbox_alink.value = alink_rgb; 
} 
function setInitialColors() 
{ 
window.document.getElementById(&quot;heading&quot;).style.color = text_rgb; 
window.document.getElementById(&quot;text&quot;).style.color = text_rgb; 
window.document.getElementById(&quot;stylecode&quot;).style.color = text_rgb; 
window.document.getElementById(&quot;rightcell&quot;).style.backgroundColor = back_rgb; 
window.document.getElementById(&quot;link&quot;).style.color = link_rgb; 
window.document.getElementById(&quot;link2&quot;).style.color = link_rgb; 
window.document.getElementById(&quot;vlink&quot;).style.color = vlink_rgb; 
window.document.getElementById(&quot;hover&quot;).style.color = hover_rgb; 
window.document.getElementById(&quot;alink&quot;).style.color = alink_rgb; 
} 
function doBold() 
{ 
if(window.document.pickerform.boldbox.checked == true) 
{ 
window.document.getElementById(&quot;allspans&quot;).style.fontWeight = &quot;bold&quot;; 
font_weight = &quot;&lt;br&gt; ; ; ;font-weight:bold;&quot;; 
} 
else 
{ 
window.document.getElementById(&quot;allspans&quot;).style.fontWeight = &quot;normal&quot;; 
font_weight = &quot;&quot;; 
} 
doBGImage(); 
} 
function doItalic() 
{ 
if(window.document.pickerform.italicbox.checked == true) 
{ 
window.document.getElementById(&quot;allspans&quot;).style.fontStyle = &quot;italic&quot;; 
font_style = &quot;&lt;br&gt; ; ; ;font-style:italic;&quot;; 
} 
else 
{ 
window.document.getElementById(&quot;allspans&quot;).style.fontStyle = &quot;normal&quot;; 
font_style = &quot;&quot;; 
} 
doBGImage(); 
} 
function doFontSize(PX) 
{ 
if(PX == &quot;default&quot;) 
{ 
window.document.getElementById(&quot;allspans&quot;).style.fontSize = &quot;&quot;; 
font_size = &quot;&quot;; 
} 
else 
{ 
window.document.getElementById(&quot;allspans&quot;).style.fontSize = PX + &quot;px&quot;; 
font_size = &quot;&lt;br&gt; ; ; ;font-size:&quot; + PX + &quot;px;&quot;; 
} 
doBGImage(); 
} 
function doFontFamily(FONT) 
{ 
if(FONT == &quot;default&quot;) 
{ 
FONT = &quot;&quot;; 
font_family = &quot;&quot;; 
} 
else 
{ 
font_family = &quot;&lt;br&gt; ; ; ;font-family:&quot; + FONT + &quot;;&quot;; 
} 
window.document.getElementById(&quot;allspans&quot;).style.fontFamily = FONT; 
doBGImage(); 
} 
function doUnderlineLinks() 
{ 
if(window.document.pickerform.underlinelinksbox.checked == true) 
{ 
link_underline = &quot;&quot;; 
window.document.getElementById(&quot;link&quot;).style.textDecoration = &quot;underline&quot;; 
window.document.getElementById(&quot;link2&quot;).style.textDecoration = &quot;underline&quot;; 
window.document.getElementById(&quot;vlink&quot;).style.textDecoration = &quot;underline&quot;; 
window.document.getElementById(&quot;alink&quot;).style.textDecoration = &quot;underline&quot;; 
window.document.getElementById(&quot;hover&quot;).style.textDecoration = &quot;underline&quot;; 
} 
else 
{ 
link_underline = &quot; text-decoration:none;&quot;; 
window.document.getElementById(&quot;link&quot;).style.textDecoration = &quot;none&quot;; 
window.document.getElementById(&quot;link&quot;).style.textDecoration = &quot;none&quot;; 
window.document.getElementById(&quot;link2&quot;).style.textDecoration = &quot;none&quot;; 
window.document.getElementById(&quot;vlink&quot;).style.textDecoration = &quot;none&quot;; 
window.document.getElementById(&quot;alink&quot;).style.textDecoration = &quot;none&quot;; 
window.document.getElementById(&quot;hover&quot;).style.textDecoration = &quot;none&quot;; 
} 
doBGImage(); 
} 
function doBGImage() 
{ 
var IMG = window.document.pickerform.bgimage.value; 
if(IMG) 
{ 
window.document.getElementById(&quot;rightcell&quot;).style.backgroundImage = &quot;url(&quot; + IMG + &quot;)&quot;; 
updateCode(); 
} 
else 
{ 
window.document.getElementById(&quot;rightcell&quot;).style.backgroundImage = &quot;&quot;; 
updateCode(); 
} 
} 
/* KILLED FOR NOW 
function openTestPageStyle() 
{ 
var mycode = window.document.getElementById(&quot;code_style&quot;).innerText; 
testWin = window.open(&quot;testpage.html&quot;,&quot;&quot;); 
testWin.document.open(); 
testWin.document.writeln(&quot;&lt;html&gt;&quot;); 
testWin.document.writeln(&quot;&lt;head&gt;&quot;); 
testWin.document.writeln(&quot;&lt;title&gt;ColorPicker test page&lt;/title&gt;&quot;); 
testWin.document.write(mycode); 
testWin.document.writeln(&quot;
&lt;/head&gt;&quot;); 
testWin.document.writeln(&quot;&lt;body&gt;
&quot;); 
testWin.document.writeln(&quot;&lt;P&gt;Now is the time for all good men to come to the aid of their country.&quot;); 
testWin.document.writeln(&quot;&lt;P&gt;And here is a &lt;a href=&quot;&lt;a href=&quot;&lt;a href=&quot;http://www.neverbeenthere.com/&quot; target=&quot;_blank&quot;&gt;http://www.neverbeenthere.com/&lt;/a&gt;&quot; target=&quot;_blank&quot;&gt;&lt;a href=&quot;http://www.neverbeenthere.com/&quot; target=&quot;_blank&quot;&gt;http://www.neverbeenthere.com/&lt;/a&gt;&lt;/a&gt;&quot;&gt;link&lt;/a&gt;.&quot;); 
testWin.document.writeln(&quot;&lt;P&gt;View the source of this page to see how everything goes together.
&quot;); 
testWin.document.writeln(&quot;&lt;/body&gt;&quot;); 
testWin.document.writeln(&quot;&lt;/html&gt;&quot;); 
testWin.document.close(); 
} 
*/ 
/* KILLED FOR NOW 
function openTestPageBody() 
{ 
var mycode = window.document.getElementById(&quot;code_body&quot;).innerText; 
testWin = window.open(&quot;testpage.html&quot;,&quot;&quot;); 
testWin.document.open(); 
testWin.document.writeln(&quot;&lt;html&gt;&quot;); 
testWin.document.writeln(&quot;&lt;head&gt;&quot;); 
testWin.document.writeln(&quot;&lt;title&gt;ColorPicker test page&lt;/title&gt;&quot;); 
testWin.document.writeln(&quot;&lt;/head&gt;&quot;); 
testWin.document.write(mycode); 
testWin.document.writeln(&quot;
&lt;P&gt;Now is the time for all good men to come to the aid of their country.&quot;); 
testWin.document.writeln(&quot;&lt;P&gt;And here is a &lt;a href=&quot;&lt;a href=&quot;&lt;a href=&quot;http://www.neverbeenthere.com/&quot; target=&quot;_blank&quot;&gt;http://www.neverbeenthere.com/&lt;/a&gt;&quot; target=&quot;_blank&quot;&gt;&lt;a href=&quot;http://www.neverbeenthere.com/&quot; target=&quot;_blank&quot;&gt;http://www.neverbeenthere.com/&lt;/a&gt;&lt;/a&gt;&quot;&gt;link&lt;/a&gt;.&quot;); 
testWin.document.writeln(&quot;&lt;P&gt;View the source of this page to see how everything goes together.
&quot;); 
testWin.document.writeln(&quot;&lt;/body&gt;&quot;); 
testWin.document.writeln(&quot;&lt;/html&gt;&quot;); 
testWin.document.close(); 
} 
*/ 
function startMeUp() 
{ 
fillColorBoxes(); 
chooserMode('back'); 
setInitialColors(); 
updateCode(); 
doFontSize(&quot;default&quot;); 
} 
&lt;/script&gt; 
&lt;style&gt; 
body 
{ 
border-right-width:1px; 
border-right-color:#666666; 
border-right-style:solid; 
font-size:12px; 
} 
td.colorchart 
{ 
width:16px; 
height:12px; 
} 
td{font-size:12px;} 
a.getcolorlinks_r:link { color:#880000; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_r:visited { color:#880000; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_r:active { color:#880000; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_r:hover { color:#ff0000; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_g:link { color:#006600; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_g:visited { color:#006600; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_g:active { color:#006600; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_g:hover { color:#00dd00; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_b:link { color:#000088; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_b:visited { color:#000088; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_b:active { color:#000088; font:normal 10px arial; text-decoration:none; cursor:default; } 
a.getcolorlinks_b:hover { color:#0000ff; font:normal 10px arial; text-decoration:none; cursor:default; } 
span.getcolorlinks_red { background-color:#ffdddd; font:normal 5px courier new; color:#990000; cursor:default; } 
span.getcolorlinks_green { background-color:#ddffdd; font:normal 5px courier new; color:#009900; cursor:default; } 
span.getcolorlinks_blue { background-color:#ddddff; font:normal 5px courier new; color:#000099; cursor:default; } 
span.getcolorlinks_red_label { background-color:#ffdddd; font:normal 11px courier new; color:#990000; cursor:default; } 
span.getcolorlinks_green_label { background-color:#ddffdd; font:normal 11px courier new; color:#009900; cursor:default; } 
span.getcolorlinks_blue_label { background-color:#ddddff; font:normal 11px courier new; color:#000099; cursor:default; } 
input.colorbox 
{ 
width:62px; 
font:normal 12px verdana; 
border:solid 1px #ffffff; 
color:#999999; 
} 
input.bgimagebox 
{ 
width:210px; 
font:normal 12px; 
} 
input.bgimagebtn 
{ 
font:normal 12px ; 
} 
&lt;/style&gt; 
&lt;/HEAD&gt; 
&lt;BODY style=&quot;margin-top:0px;&quot; onLoad=&quot;startMeUp();&quot;&gt; 
&lt;br /&gt; 
&lt;br /&gt; 
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;margin-top:6px;&quot; align=&quot;center&quot; width=&quot;90%&quot;&gt;&lt;tr&gt; 
&lt;!-- left --&gt; 
&lt;td width=324 valign=top&gt; 
&lt;div align=center&gt; 
&lt;table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=302&gt; 
&lt;tr&gt; 
&lt;td&gt;&lt;span style=&quot;font-size:14px;font-weight:bold;font-family:ms shell dlg;color:red&quot;&gt;DoNews BLOG配色器&lt;/span&gt;&lt;/td&gt; 
&lt;td align=right valign=bottom&gt; 
&lt;span style=&quot;color:#40a840&quot;&gt;Blog@donews提供&lt;/span&gt; 
&lt;/td&gt; 
&lt;/tr&gt; 
&lt;/table&gt; 
&lt;br /&gt; 
&lt;br /&gt; 
&lt;span class=&quot;getcolorlinks_red&quot;&gt;&lt;span class=&quot;getcolorlinks_red_label&quot;&gt; Red: &lt;/span&gt; 
&lt;a href=&quot;javascript:colorsOne('R','00');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R00&quot;&gt;00&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','11');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R11&quot;&gt;11&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','22');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R22&quot;&gt;22&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','33');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R33&quot;&gt;33&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','44');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R44&quot;&gt;44&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','55');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R55&quot;&gt;55&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','66');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R66&quot;&gt;66&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','77');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R77&quot;&gt;77&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','88');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R88&quot;&gt;88&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','99');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;R99&quot;&gt;99&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','AA');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;RAA&quot;&gt;AA&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','BB');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;RBB&quot;&gt;BB&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','CC');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;RCC&quot;&gt;CC&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','DD');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;RDD&quot;&gt;DD&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','EE');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;REE&quot;&gt;EE&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('R','FF');&quot; class=&quot;getcolorlinks_r&quot; id=&quot;RFF&quot;&gt;FF&lt;/a&gt; &lt;br&gt; 
&lt;/span&gt; 
&lt;span class=&quot;getcolorlinks_green&quot;&gt;&lt;span class=&quot;getcolorlinks_green_label&quot;&gt; Green:&lt;/span&gt; 
&lt;a href=&quot;javascript:colorsOne('G','00');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G00&quot;&gt;00&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','11');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G11&quot;&gt;11&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','22');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G22&quot;&gt;22&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','33');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G33&quot;&gt;33&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','44');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G44&quot;&gt;44&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','55');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G55&quot;&gt;55&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','66');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G66&quot;&gt;66&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','77');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G77&quot;&gt;77&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','88');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G88&quot;&gt;88&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','99');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;G99&quot;&gt;99&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','AA');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;GAA&quot;&gt;AA&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','BB');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;GBB&quot;&gt;BB&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','CC');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;GCC&quot;&gt;CC&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','DD');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;GDD&quot;&gt;DD&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','EE');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;GEE&quot;&gt;EE&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('G','FF');&quot; class=&quot;getcolorlinks_g&quot; id=&quot;GFF&quot;&gt;FF&lt;/a&gt; &lt;br&gt; 
&lt;/span&gt; 
&lt;span class=&quot;getcolorlinks_blue&quot;&gt;&lt;span class=&quot;getcolorlinks_blue_label&quot;&gt; Blue: &lt;/span&gt; 
&lt;a href=&quot;javascript:colorsOne('B','00');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B00&quot;&gt;00&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','11');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B11&quot;&gt;11&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','22');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B22&quot;&gt;22&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','33');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B33&quot;&gt;33&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','44');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B44&quot;&gt;44&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','55');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B55&quot;&gt;55&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','66');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B66&quot;&gt;66&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','77');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B77&quot;&gt;77&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','88');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B88&quot;&gt;88&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','99');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;B99&quot;&gt;99&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','AA');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;BAA&quot;&gt;AA&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','BB');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;BBB&quot;&gt;BB&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','CC');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;BCC&quot;&gt;CC&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','DD');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;BDD&quot;&gt;DD&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','EE');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;BEE&quot;&gt;EE&lt;/a&gt; 
&lt;a href=&quot;javascript:colorsOne('B','FF');&quot; class=&quot;getcolorlinks_b&quot; id=&quot;BFF&quot;&gt;FF&lt;/a&gt; &lt;br&gt; 
&lt;/span&gt; 
&lt;table border=0 cellspacing=1 cellpadding=0 style=&quot;margin-top:6px;margin-bottom:0px;background-color:#444444;&quot;&gt; 
&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#330000&quot; onClick=&quot;colorsAll('330000')&quot; title=&quot;330000&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#333300&quot; onClick=&quot;colorsAll('333300')&quot; title=&quot;333300&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#336600&quot; onClick=&quot;colorsAll('336600')&quot; title=&quot;336600&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#339900&quot; onClick=&quot;colorsAll('339900')&quot; title=&quot;339900&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33CC00&quot; onClick=&quot;colorsAll('33CC00')&quot; title=&quot;33CC00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33FF00&quot; onClick=&quot;colorsAll('33FF00')&quot; title=&quot;33FF00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66FF00&quot; onClick=&quot;colorsAll('66FF00')&quot; title=&quot;66FF00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66CC00&quot; onClick=&quot;colorsAll('66CC00')&quot; title=&quot;66CC00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#669900&quot; onClick=&quot;colorsAll('669900')&quot; title=&quot;669900&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#666600&quot; onClick=&quot;colorsAll('666600')&quot; title=&quot;666600&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#663300&quot; onClick=&quot;colorsAll('663300')&quot; title=&quot;663300&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#660000&quot; onClick=&quot;colorsAll('660000')&quot; title=&quot;660000&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF0000&quot; onClick=&quot;colorsAll('FF0000')&quot; title=&quot;FF0000&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF3300&quot; onClick=&quot;colorsAll('FF3300')&quot; title=&quot;FF3300&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF6600&quot; onClick=&quot;colorsAll('FF6600')&quot; title=&quot;FF6600&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF9900&quot; onClick=&quot;colorsAll('FF9900')&quot; title=&quot;FF9900&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFCC00&quot; onClick=&quot;colorsAll('FFCC00')&quot; title=&quot;FFCC00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFFF00&quot; onClick=&quot;colorsAll('FFFF00')&quot; title=&quot;FFFF00&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#330033&quot; onClick=&quot;colorsAll('330033')&quot; title=&quot;330033&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#333333&quot; onClick=&quot;colorsAll('333333')&quot; title=&quot;333333&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#336633&quot; onClick=&quot;colorsAll('336633')&quot; title=&quot;336633&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#339933&quot; onClick=&quot;colorsAll('339933')&quot; title=&quot;339933&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33CC33&quot; onClick=&quot;colorsAll('33CC33')&quot; title=&quot;33CC33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33FF33&quot; onClick=&quot;colorsAll('33FF33')&quot; title=&quot;33FF33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66FF33&quot; onClick=&quot;colorsAll('66FF33')&quot; title=&quot;66FF33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66CC33&quot; onClick=&quot;colorsAll('66CC33')&quot; title=&quot;66CC33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#669933&quot; onClick=&quot;colorsAll('669933')&quot; title=&quot;669933&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#666633&quot; onClick=&quot;colorsAll('666633')&quot; title=&quot;666633&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#663333&quot; onClick=&quot;colorsAll('663333')&quot; title=&quot;663333&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#660033&quot; onClick=&quot;colorsAll('660033')&quot; title=&quot;660033&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF0033&quot; onClick=&quot;colorsAll('FF0033')&quot; title=&quot;FF0033&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF3333&quot; onClick=&quot;colorsAll('FF3333')&quot; title=&quot;FF3333&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF6633&quot; onClick=&quot;colorsAll('FF6633')&quot; title=&quot;FF6633&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF9933&quot; onClick=&quot;colorsAll('FF9933')&quot; title=&quot;FF9933&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFCC33&quot; onClick=&quot;colorsAll('FFCC33')&quot; title=&quot;FFCC33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFFF33&quot; onClick=&quot;colorsAll('FFFF33')&quot; title=&quot;FFFF33&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#330066&quot; onClick=&quot;colorsAll('330066')&quot; title=&quot;330066&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#333366&quot; onClick=&quot;colorsAll('333366')&quot; title=&quot;333366&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#336666&quot; onClick=&quot;colorsAll('336666')&quot; title=&quot;336666&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#339966&quot; onClick=&quot;colorsAll('339966')&quot; title=&quot;339966&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33CC66&quot; onClick=&quot;colorsAll('33CC66')&quot; title=&quot;33CC66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33FF66&quot; onClick=&quot;colorsAll('33FF66')&quot; title=&quot;33FF66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66FF66&quot; onClick=&quot;colorsAll('66FF66')&quot; title=&quot;66FF66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66CC66&quot; onClick=&quot;colorsAll('66CC66')&quot; title=&quot;66CC66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#669966&quot; onClick=&quot;colorsAll('669966')&quot; title=&quot;669966&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#666666&quot; onClick=&quot;colorsAll('666666')&quot; title=&quot;666666&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#663366&quot; onClick=&quot;colorsAll('663366')&quot; title=&quot;663366&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#660066&quot; onClick=&quot;colorsAll('660066')&quot; title=&quot;660066&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF0066&quot; onClick=&quot;colorsAll('FF0066')&quot; title=&quot;FF0066&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF3366&quot; onClick=&quot;colorsAll('FF3366')&quot; title=&quot;FF3366&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF6666&quot; onClick=&quot;colorsAll('FF6666')&quot; title=&quot;FF6666&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF9966&quot; onClick=&quot;colorsAll('FF9966')&quot; title=&quot;FF9966&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFCC66&quot; onClick=&quot;colorsAll('FFCC66')&quot; title=&quot;FFCC66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFFF66&quot; onClick=&quot;colorsAll('FFFF66')&quot; title=&quot;FFFF66&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#330099&quot; onClick=&quot;colorsAll('330099')&quot; title=&quot;330099&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#333399&quot; onClick=&quot;colorsAll('333399')&quot; title=&quot;333399&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#336699&quot; onClick=&quot;colorsAll('336699')&quot; title=&quot;336699&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#339999&quot; onClick=&quot;colorsAll('339999')&quot; title=&quot;339999&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33CC99&quot; onClick=&quot;colorsAll('33CC99')&quot; title=&quot;33CC99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33FF99&quot; onClick=&quot;colorsAll('33FF99')&quot; title=&quot;33FF99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66FF99&quot; onClick=&quot;colorsAll('66FF99')&quot; title=&quot;66FF99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66CC99&quot; onClick=&quot;colorsAll('66CC99')&quot; title=&quot;66CC99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#669999&quot; onClick=&quot;colorsAll('669999')&quot; title=&quot;669999&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#666699&quot; onClick=&quot;colorsAll('666699')&quot; title=&quot;666699&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#663399&quot; onClick=&quot;colorsAll('663399')&quot; title=&quot;663399&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#660099&quot; onClick=&quot;colorsAll('660099')&quot; title=&quot;660099&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF0099&quot; onClick=&quot;colorsAll('FF0099')&quot; title=&quot;FF0099&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF3399&quot; onClick=&quot;colorsAll('FF3399')&quot; title=&quot;FF3399&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF6699&quot; onClick=&quot;colorsAll('FF6699')&quot; title=&quot;FF6699&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF9999&quot; onClick=&quot;colorsAll('FF9999')&quot; title=&quot;FF9999&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFCC99&quot; onClick=&quot;colorsAll('FFCC99')&quot; title=&quot;FFCC99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFFF99&quot; onClick=&quot;colorsAll('FFFF99')&quot; title=&quot;FFFF99&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3300CC&quot; onClick=&quot;colorsAll('3300CC')&quot; title=&quot;3300CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3333CC&quot; onClick=&quot;colorsAll('3333CC')&quot; title=&quot;3333CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3366CC&quot; onClick=&quot;colorsAll('3366CC')&quot; title=&quot;3366CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3399CC&quot; onClick=&quot;colorsAll('3399CC')&quot; title=&quot;3399CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33CCCC&quot; onClick=&quot;colorsAll('33CCCC')&quot; title=&quot;33CCCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33FFCC&quot; onClick=&quot;colorsAll('33FFCC')&quot; title=&quot;33FFCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66FFCC&quot; onClick=&quot;colorsAll('66FFCC')&quot; title=&quot;66FFCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66CCCC&quot; onClick=&quot;colorsAll('66CCCC')&quot; title=&quot;66CCCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6699CC&quot; onClick=&quot;colorsAll('6699CC')&quot; title=&quot;6699CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6666CC&quot; onClick=&quot;colorsAll('6666CC')&quot; title=&quot;6666CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6633CC&quot; onClick=&quot;colorsAll('6633CC')&quot; title=&quot;6633CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6600CC&quot; onClick=&quot;colorsAll('6600CC')&quot; title=&quot;6600CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF00CC&quot; onClick=&quot;colorsAll('FF00CC')&quot; title=&quot;FF00CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF33CC&quot; onClick=&quot;colorsAll('FF33CC')&quot; title=&quot;FF33CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF66CC&quot; onClick=&quot;colorsAll('FF66CC')&quot; title=&quot;FF66CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF99CC&quot; onClick=&quot;colorsAll('FF99CC')&quot; title=&quot;FF99CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFCCCC&quot; onClick=&quot;colorsAll('FFCCCC')&quot; title=&quot;FFCCCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFFFCC&quot; onClick=&quot;colorsAll('FFFFCC')&quot; title=&quot;FFFFCC&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3300FF&quot; onClick=&quot;colorsAll('3300FF')&quot; title=&quot;3300FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3333FF&quot; onClick=&quot;colorsAll('3333FF')&quot; title=&quot;3333FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3366FF&quot; onClick=&quot;colorsAll('3366FF')&quot; title=&quot;3366FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#3399FF&quot; onClick=&quot;colorsAll('3399FF')&quot; title=&quot;3399FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33CCFF&quot; onClick=&quot;colorsAll('33CCFF')&quot; title=&quot;33CCFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#33FFFF&quot; onClick=&quot;colorsAll('33FFFF')&quot; title=&quot;33FFFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66FFFF&quot; onClick=&quot;colorsAll('66FFFF')&quot; title=&quot;66FFFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#66CCFF&quot; onClick=&quot;colorsAll('66CCFF')&quot; title=&quot;66CCFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6699FF&quot; onClick=&quot;colorsAll('6699FF')&quot; title=&quot;6699FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6666FF&quot; onClick=&quot;colorsAll('6666FF')&quot; title=&quot;6666FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6633FF&quot; onClick=&quot;colorsAll('6633FF')&quot; title=&quot;6633FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#6600FF&quot; onClick=&quot;colorsAll('6600FF')&quot; title=&quot;6600FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF00FF&quot; onClick=&quot;colorsAll('FF00FF')&quot; title=&quot;FF00FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF33FF&quot; onClick=&quot;colorsAll('FF33FF')&quot; title=&quot;FF33FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF66FF&quot; onClick=&quot;colorsAll('FF66FF')&quot; title=&quot;FF66FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FF99FF&quot; onClick=&quot;colorsAll('FF99FF')&quot; title=&quot;FF99FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFCCFF&quot; onClick=&quot;colorsAll('FFCCFF')&quot; title=&quot;FFCCFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFFFFF&quot; onClick=&quot;colorsAll('FFFFFF')&quot; title=&quot;FFFFFF&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0000FF&quot; onClick=&quot;colorsAll('0000FF')&quot; title=&quot;0000FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0033FF&quot; onClick=&quot;colorsAll('0033FF')&quot; title=&quot;0033FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0066FF&quot; onClick=&quot;colorsAll('0066FF')&quot; title=&quot;0066FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0099FF&quot; onClick=&quot;colorsAll('0099FF')&quot; title=&quot;0099FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00CCFF&quot; onClick=&quot;colorsAll('00CCFF')&quot; title=&quot;00CCFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00FFFF&quot; onClick=&quot;colorsAll('00FFFF')&quot; title=&quot;00FFFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99FFFF&quot; onClick=&quot;colorsAll('99FFFF')&quot; title=&quot;99FFFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99CCFF&quot; onClick=&quot;colorsAll('99CCFF')&quot; title=&quot;99CCFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9999FF&quot; onClick=&quot;colorsAll('9999FF')&quot; title=&quot;9999FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9966FF&quot; onClick=&quot;colorsAll('9966FF')&quot; title=&quot;9966FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9933FF&quot; onClick=&quot;colorsAll('9933FF')&quot; title=&quot;9933FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9900FF&quot; onClick=&quot;colorsAll('9900FF')&quot; title=&quot;9900FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC00FF&quot; onClick=&quot;colorsAll('CC00FF')&quot; title=&quot;CC00FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC33FF&quot; onClick=&quot;colorsAll('CC33FF')&quot; title=&quot;CC33FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC66FF&quot; onClick=&quot;colorsAll('CC66FF')&quot; title=&quot;CC66FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC99FF&quot; onClick=&quot;colorsAll('CC99FF')&quot; title=&quot;CC99FF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCCCFF&quot; onClick=&quot;colorsAll('CCCCFF')&quot; title=&quot;CCCCFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCFFFF&quot; onClick=&quot;colorsAll('CCFFFF')&quot; title=&quot;CCFFFF&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0000CC&quot; onClick=&quot;colorsAll('0000CC')&quot; title=&quot;0000CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0033CC&quot; onClick=&quot;colorsAll('0033CC')&quot; title=&quot;0033CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0066CC&quot; onClick=&quot;colorsAll('0066CC')&quot; title=&quot;0066CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#0099CC&quot; onClick=&quot;colorsAll('0099CC')&quot; title=&quot;0099CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00CCCC&quot; onClick=&quot;colorsAll('00CCCC')&quot; title=&quot;00CCCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00FFCC&quot; onClick=&quot;colorsAll('00FFCC')&quot; title=&quot;00FFCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99FFCC&quot; onClick=&quot;colorsAll('99FFCC')&quot; title=&quot;99FFCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99CCCC&quot; onClick=&quot;colorsAll('99CCCC')&quot; title=&quot;99CCCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9999CC&quot; onClick=&quot;colorsAll('9999CC')&quot; title=&quot;9999CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9966CC&quot; onClick=&quot;colorsAll('9966CC')&quot; title=&quot;9966CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9933CC&quot; onClick=&quot;colorsAll('9933CC')&quot; title=&quot;9933CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#9900CC&quot; onClick=&quot;colorsAll('9900CC')&quot; title=&quot;9900CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC00CC&quot; onClick=&quot;colorsAll('CC00CC')&quot; title=&quot;CC00CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC33CC&quot; onClick=&quot;colorsAll('CC33CC')&quot; title=&quot;CC33CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC66CC&quot; onClick=&quot;colorsAll('CC66CC')&quot; title=&quot;CC66CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC99CC&quot; onClick=&quot;colorsAll('CC99CC')&quot; title=&quot;CC99CC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCCCCC&quot; onClick=&quot;colorsAll('CCCCCC')&quot; title=&quot;CCCCCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCFFCC&quot; onClick=&quot;colorsAll('CCFFCC')&quot; title=&quot;CCFFCC&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#000099&quot; onClick=&quot;colorsAll('000099')&quot; title=&quot;000099&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#003399&quot; onClick=&quot;colorsAll('003399')&quot; title=&quot;003399&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#006699&quot; onClick=&quot;colorsAll('006699')&quot; title=&quot;006699&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#009999&quot; onClick=&quot;colorsAll('009999')&quot; title=&quot;009999&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00CC99&quot; onClick=&quot;colorsAll('00CC99')&quot; title=&quot;00CC99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00FF99&quot; onClick=&quot;colorsAll('00FF99')&quot; title=&quot;00FF99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99FF99&quot; onClick=&quot;colorsAll('99FF99')&quot; title=&quot;99FF99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99CC99&quot; onClick=&quot;colorsAll('99CC99')&quot; title=&quot;99CC99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#999999&quot; onClick=&quot;colorsAll('999999')&quot; title=&quot;999999&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#996699&quot; onClick=&quot;colorsAll('996699')&quot; title=&quot;996699&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#993399&quot; onClick=&quot;colorsAll('993399')&quot; title=&quot;993399&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#990099&quot; onClick=&quot;colorsAll('990099')&quot; title=&quot;990099&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC0099&quot; onClick=&quot;colorsAll('CC0099')&quot; title=&quot;CC0099&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC3399&quot; onClick=&quot;colorsAll('CC3399')&quot; title=&quot;CC3399&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC6699&quot; onClick=&quot;colorsAll('CC6699')&quot; title=&quot;CC6699&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC9999&quot; onClick=&quot;colorsAll('CC9999')&quot; title=&quot;CC9999&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCCC99&quot; onClick=&quot;colorsAll('CCCC99')&quot; title=&quot;CCCC99&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCFF99&quot; onClick=&quot;colorsAll('CCFF99')&quot; title=&quot;CCFF99&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#000066&quot; onClick=&quot;colorsAll('000066')&quot; title=&quot;000066&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#003366&quot; onClick=&quot;colorsAll('003366')&quot; title=&quot;003366&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#006666&quot; onClick=&quot;colorsAll('006666')&quot; title=&quot;006666&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#009966&quot; onClick=&quot;colorsAll('009966')&quot; title=&quot;009966&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00CC66&quot; onClick=&quot;colorsAll('00CC66')&quot; title=&quot;00CC66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00FF66&quot; onClick=&quot;colorsAll('00FF66')&quot; title=&quot;00FF66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99FF66&quot; onClick=&quot;colorsAll('99FF66')&quot; title=&quot;99FF66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99CC66&quot; onClick=&quot;colorsAll('99CC66')&quot; title=&quot;99CC66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#999966&quot; onClick=&quot;colorsAll('999966')&quot; title=&quot;999966&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#996666&quot; onClick=&quot;colorsAll('996666')&quot; title=&quot;996666&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#993366&quot; onClick=&quot;colorsAll('993366')&quot; title=&quot;993366&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#990066&quot; onClick=&quot;colorsAll('990066')&quot; title=&quot;990066&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC0066&quot; onClick=&quot;colorsAll('CC0066')&quot; title=&quot;CC0066&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC3366&quot; onClick=&quot;colorsAll('CC3366')&quot; title=&quot;CC3366&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC6666&quot; onClick=&quot;colorsAll('CC6666')&quot; title=&quot;CC6666&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC9966&quot; onClick=&quot;colorsAll('CC9966')&quot; title=&quot;CC9966&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCCC66&quot; onClick=&quot;colorsAll('CCCC66')&quot; title=&quot;CCCC66&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCFF66&quot; onClick=&quot;colorsAll('CCFF66')&quot; title=&quot;CCFF66&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#000033&quot; onClick=&quot;colorsAll('000033')&quot; title=&quot;000033&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#003333&quot; onClick=&quot;colorsAll('003333')&quot; title=&quot;003333&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#006633&quot; onClick=&quot;colorsAll('006633')&quot; title=&quot;006633&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#009933&quot; onClick=&quot;colorsAll('009933')&quot; title=&quot;009933&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00CC33&quot; onClick=&quot;colorsAll('00CC33')&quot; title=&quot;00CC33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00FF33&quot; onClick=&quot;colorsAll('00FF33')&quot; title=&quot;00FF33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99FF33&quot; onClick=&quot;colorsAll('99FF33')&quot; title=&quot;99FF33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99CC33&quot; onClick=&quot;colorsAll('99CC33')&quot; title=&quot;99CC33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#999933&quot; onClick=&quot;colorsAll('999933')&quot; title=&quot;999933&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#996633&quot; onClick=&quot;colorsAll('996633')&quot; title=&quot;996633&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#993333&quot; onClick=&quot;colorsAll('993333')&quot; title=&quot;993333&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#990033&quot; onClick=&quot;colorsAll('990033')&quot; title=&quot;990033&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC0033&quot; onClick=&quot;colorsAll('CC0033')&quot; title=&quot;CC0033&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC3333&quot; onClick=&quot;colorsAll('CC3333')&quot; title=&quot;CC3333&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC6633&quot; onClick=&quot;colorsAll('CC6633')&quot; title=&quot;CC6633&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC9933&quot; onClick=&quot;colorsAll('CC9933')&quot; title=&quot;CC9933&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCCC33&quot; onClick=&quot;colorsAll('CCCC33')&quot; title=&quot;CCCC33&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCFF33&quot; onClick=&quot;colorsAll('CCFF33')&quot; title=&quot;CCFF33&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#000000&quot; onClick=&quot;colorsAll('000000')&quot; title=&quot;000000&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#003300&quot; onClick=&quot;colorsAll('003300')&quot; title=&quot;003300&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#006600&quot; onClick=&quot;colorsAll('006600')&quot; title=&quot;006600&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#009900&quot; onClick=&quot;colorsAll('009900')&quot; title=&quot;009900&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00CC00&quot; onClick=&quot;colorsAll('00CC00')&quot; title=&quot;00CC00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#00FF00&quot; onClick=&quot;colorsAll('00FF00')&quot; title=&quot;00FF00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99FF00&quot; onClick=&quot;colorsAll('99FF00')&quot; title=&quot;99FF00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#99CC00&quot; onClick=&quot;colorsAll('99CC00')&quot; title=&quot;99CC00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#999900&quot; onClick=&quot;colorsAll('999900')&quot; title=&quot;999900&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#996600&quot; onClick=&quot;colorsAll('996600')&quot; title=&quot;996600&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#993300&quot; onClick=&quot;colorsAll('993300')&quot; title=&quot;993300&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#990000&quot; onClick=&quot;colorsAll('990000')&quot; title=&quot;990000&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC0000&quot; onClick=&quot;colorsAll('CC0000')&quot; title=&quot;CC0000&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC3300&quot; onClick=&quot;colorsAll('CC3300')&quot; title=&quot;CC3300&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC6600&quot; onClick=&quot;colorsAll('CC6600')&quot; title=&quot;CC6600&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CC9900&quot; onClick=&quot;colorsAll('CC9900')&quot; title=&quot;CC9900&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCCC00&quot; onClick=&quot;colorsAll('CCCC00')&quot; title=&quot;CCCC00&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCFF00&quot; onClick=&quot;colorsAll('CCFF00')&quot; title=&quot;CCFF00&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt;&lt;tr&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#000000&quot; onClick=&quot;colorsAll('000000')&quot; title=&quot;000000&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#111111&quot; onClick=&quot;colorsAll('111111')&quot; title=&quot;111111&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#222222&quot; onClick=&quot;colorsAll('222222')&quot; title=&quot;222222&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#333333&quot; onClick=&quot;colorsAll('333333')&quot; title=&quot;333333&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#444444&quot; onClick=&quot;colorsAll('444444')&quot; title=&quot;444444&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#555555&quot; onClick=&quot;colorsAll('555555')&quot; title=&quot;555555&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#666666&quot; onClick=&quot;colorsAll('666666')&quot; title=&quot;666666&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#777777&quot; onClick=&quot;colorsAll('777777')&quot; title=&quot;777777&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#888888&quot; onClick=&quot;colorsAll('888888')&quot; title=&quot;888888&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#999999&quot; onClick=&quot;colorsAll('999999')&quot; title=&quot;999999&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#AAAAAA&quot; onClick=&quot;colorsAll('AAAAAA')&quot; title=&quot;AAAAAA&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#BBBBBB&quot; onClick=&quot;colorsAll('BBBBBB')&quot; title=&quot;BBBBBB&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#CCCCCC&quot; onClick=&quot;colorsAll('CCCCCC')&quot; title=&quot;CCCCCC&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#DDDDDD&quot; onClick=&quot;colorsAll('DDDDDD')&quot; title=&quot;DDDDDD&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#EEEEEE&quot; onClick=&quot;colorsAll('EEEEEE')&quot; title=&quot;EEEEEE&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#FFFFFF&quot; onClick=&quot;colorsAll('FFFFFF')&quot; title=&quot;FFFFFF&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#444444&quot;&gt;&lt;/td&gt; 
&lt;td class=&quot;colorchart&quot; bgcolor=&quot;#444444&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt; 
&lt;/table&gt; 
&lt;/div&gt; 
&lt;div align=center&gt; 
&lt;form name=pickerform style=&quot;margin:0&quot;&gt; 
&lt;table style=&quot;font:normal 12px verdana&quot; cellpadding=0 cellspacing=0 border=0&gt; 
&lt;tr&gt; 
&lt;td&gt;&lt;input type=radio name=chooser onClick=&quot;chooserMode('text')&quot;&gt;文字颜色:&lt;input type=text class=colorbox readonly name=&quot;colorbox_text&quot;&gt; &lt;/td&gt; 
&lt;td&gt;&lt;input type=radio name=chooser onClick=&quot;chooserMode('back')&quot; checked&gt;背景颜色:&lt;input type=text class=colorbox readonly name=&quot;colorbox_back&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt; 
&lt;tr&gt; 
&lt;td&gt;&lt;input type=radio name=chooser onClick=&quot;chooserMode('link')&quot;&gt;页面链接色:&lt;input type=text class=colorbox readonly name=&quot;colorbox_link&quot;&gt;&lt;/td&gt; 
&lt;td&gt;&lt;input type=radio name=chooser onClick=&quot;chooserMode('vlink')&quot;&gt;已浏览链接色:&lt;input type=text class=colorbox readonly name=&quot;colorbox_vlink&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt; 
&lt;tr&gt; 
&lt;td&gt;&lt;input type=radio name=chooser onClick=&quot;chooserMode('hover')&quot;&gt;悬停链接色:&lt;input type=text class=colorbox readonly name=&quot;colorbox_hover&quot;&gt;&lt;/td&gt; 
&lt;td&gt;&lt;input type=radio name=chooser onClick=&quot;chooserMode('alink')&quot;&gt;动态链接色:&lt;input type=text class=colorbox readonly name=&quot;colorbox_alink&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt; 
&lt;!--line--&gt;&lt;tr&gt;&lt;td colspan=2 bgcolor=&quot;#bbbbbb&quot; height=1&gt;&lt;/td&gt;&lt;/tr&gt; 
&lt;tr&gt; 
&lt;td colspan=2 align=center style=&quot;display:none;padding-top:5px;padding-bottom:5px;&quot;&gt;Background image (optional)&lt;br&gt;&lt;input type=text class=bgimagebox name=bgimage&gt;&lt;input type=button class=bgimagebtn value=Set onClick=&quot;doBGImage()&quot;&gt;&lt;/td&gt; 
&lt;/tr&gt; 
&lt;tr&gt; 
&lt;td colspan=2 align=center style=&quot;padding-top:5px;padding-bottom:5px;&quot;&gt; 
字体/大小 
&lt;select style=&quot;font:normal 12px verdana;&quot; onChange=&quot;doFontFamily(this.options[this.selectedIndex].value)&quot;&gt; 
&lt;option value=&quot;default&quot;&gt;[default] 
&lt;option value=&quot;Arial,sans-serif&quot;&gt;Arial 
&lt;option value=&quot;Arial Black,sans-serif&quot;&gt;Arial Black 
&lt;option value=&quot;Arial Narrow,sans-serif&quot;&gt;Arial Narrow 
&lt;option value=&quot;Bookman Old Style,serif&quot;&gt;Bookman Old Style 
&lt;option value=&quot;Century Gothic,sans-serif&quot;&gt;Century Gothic 
&lt;option value=&quot;Comic Sans MS,sans-serif&quot;&gt;Comic Sans MS 
&lt;option value=&quot;Courier New,monospace&quot;&gt;Courier New 
&lt;option value=&quot;Georgia,serif&quot;&gt;Georgia 
&lt;option value=&quot;Impact,sans-serif&quot;&gt;Impact 
&lt;option value=&quot;Lucida Console,monospace&quot;&gt;Lucida Console 
&lt;option value=&quot;Tahoma,sans-serif&quot;&gt;Tahoma 
&lt;option value=&quot;Times New Roman,serif&quot;&gt;Times New Roman 
&lt;option value=&quot;Trebuchet MS,sans-serif&quot;&gt;Trebuchet MS 
&lt;option value=&quot;Verdana,sans-serif&quot;&gt;Verdana 
&lt;/select&gt; 
&lt;select style=&quot;font:normal 12px verdana;&quot; onChange=&quot;doFontSize(this.options[this.selectedIndex].value)&quot;&gt; 
&lt;option value=&quot;default&quot; selected&gt;-- 
&lt;option value=&quot;8&quot;&gt;8 
&lt;option value=&quot;9&quot;&gt;9 
&lt;option value=&quot;10&quot;&gt;10 
&lt;option value=&quot;11&quot;&gt;11 
&lt;option value=&quot;12&quot;&gt;12 
&lt;option value=&quot;13&quot;&gt;13 
&lt;option value=&quot;14&quot;&gt;14 
&lt;option value=&quot;15&quot;&gt;15 
&lt;option value=&quot;16&quot;&gt;16 
&lt;option value=&quot;17&quot;&gt;17 
&lt;option value=&quot;18&quot;&gt;18 
&lt;option value=&quot;19&quot;&gt;19 
&lt;option value=&quot;20&quot;&gt;20 
&lt;option value=&quot;22&quot;&gt;22 
&lt;option value=&quot;24&quot;&gt;24 
&lt;option value=&quot;26&quot;&gt;26 
&lt;option value=&quot;28&quot;&gt;28 
&lt;option value=&quot;30&quot;&gt;30 
&lt;/select&gt; 
&lt;/td&gt; 
&lt;/tr&gt; 
&lt;!--line--&gt;&lt;tr&gt;&lt;td colspan=2 bgcolor=&quot;#bbbbbb&quot; height=1&gt;&lt;/td&gt;&lt;/tr&gt; 
&lt;tr&gt; 
&lt;td colspan=2 align=center&gt; 
&lt;input type=checkbox name=boldbox onClick=&quot;doBold()&quot;&gt;&lt;b&gt;粗体&lt;/b&gt; 
&lt;input type=checkbox name=italicbox onClick=&quot;doItalic()&quot;&gt;&lt;i&gt;斜体&lt;/i&gt; 
&lt;input type=checkbox name=underlinelinksbox onClick=&quot;doUnderlineLinks()&quot; checked&gt;&lt;u&gt;给连接加下划线&lt;/u&gt; 
&lt;/td&gt; 
&lt;/tr&gt; 
&lt;/table&gt; 
&lt;/form&gt; 
&lt;/div&gt; 
&lt;br /&gt;&lt;br /&gt; 
&lt;b&gt;使用说明:&lt;/b&gt;&lt;br /&gt;&lt;br /&gt; 
先选中相应颜色设置的圆点按钮,然后选择相应的颜色,再查看右边演示区域的变化和代码 
&lt;/td&gt; 
&lt;!-- right --&gt; 
&lt;td id=rightcell valign=top style=&quot;border:solid 1px #bbbbbb;&quot;&gt; 
&lt;div style=&quot;padding:10px 20px 0px 20px;&quot;&gt; 
&lt;span style=&quot;font-size:14px&quot; id=&quot;heading&quot;&gt;效果演示:&lt;/span&gt; 
&lt;noscript&gt; 
&lt;div style=&quot;background-color:#ee0000;color:#ffffff;padding:16px&quot;&gt;&lt;b&gt;Houston, we have a problem... it would seem that your browser has Javascript disabled. Without Javascript, this ColorPicker won't do much of anything.&lt;/b&gt;&lt;/div&gt; 
&lt;/noscript&gt; 
&lt;hr&gt; 
&lt;span id=&quot;allspans&quot; style=&quot;font-size:12pt;&quot;&gt; 
&lt;span id=&quot;text&quot;&gt;This is text&lt;br&gt;Now is the time for all good men to come to the aid of their country. And here is a &lt;span id=&quot;link2&quot; style=&quot;text-decoration:underline;cursor:pointer;&quot; onMouseOver=&quot;liteLinkOn('link2')&quot; onMouseOut=&quot;liteLinkOff('link2')&quot;&gt;link&lt;/span&gt; embedded in some text so you can better see how it will look.&lt;/span&gt; 
&lt;p&gt;&lt;span id=&quot;link&quot; style=&quot;text-decoration:underline;cursor:pointer;&quot; onMouseOver=&quot;liteLinkOn('link')&quot; onMouseOut=&quot;liteLinkOff('link')&quot;&gt;This is a link&lt;/span&gt; 
&lt;p&gt;&lt;span id=&quot;vlink&quot; style=&quot;text-decoration:underline;cursor:pointer;&quot; onMouseOver=&quot;liteLinkOn('vlink')&quot; onMouseOut=&quot;liteLinkOff('vlink')&quot;&gt;This is a visited link&lt;/span&gt; 
&lt;p&gt;&lt;span id=&quot;alink&quot; style=&quot;text-decoration:underline;cursor:pointer;&quot; onMouseOver=&quot;liteLinkOn('alink')&quot; onMouseOut=&quot;liteLinkOff('alink')&quot;&gt;This is an active link&lt;/span&gt; 
&lt;p&gt;&lt;span id=&quot;hover&quot; style=&quot;text-decoration:underline;&quot;&gt;This is the hover color&lt;/span&gt; 
&lt;p&gt; 
&lt;/span&gt; 
&lt;hr&gt; 
&lt;div id=&quot;stylecode&quot;&gt; 
&lt;/div&gt; 
&lt;hr&gt; 
&lt;/div&gt; 
&lt;/td&gt; 
&lt;!-- ad --&gt; 
&lt;/tr&gt; 
&lt;!-- spacers --&gt; 
&lt;/table&gt; 
&lt;/BODY&gt; 
&lt;/HTML&gt;

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

引用通告地址: 点击获取引用地址

评论: 0 | 引用: 0 | 阅读: 398

加入网摘

发表评论

昵　称:	密　码:
网　址:	邮　箱:
验证码:	选　项:	隐藏留言
头　像:
内　容:

一个经典网页配色器

作者: 天晴无名氏日期: 2006-11-17 00:29

Other

最新日志

类别

用户面板

Latest Comments

一个经典网页配色器

作者: 天晴无名氏 日期: 2006-11-17 00:29

Other

最新日志

类别

用户面板

Latest Comments

作者: 天晴无名氏日期: 2006-11-17 00:29