网页颜色工具箱

什么是网页颜色工具箱

使用这个工具你可以很方便地为新站配色。

你只需在“调色板”中选择背景颜色，网页会自动改变背景颜色和链接颜色。同时，CSS代码文本区域会自动生成CSS代码。

注意: 这里展示的仅仅只是网页安全色

最后你只需单击“复制代码”按钮然后粘贴到你网页中的<head>与</head>之间即可。

CSS 代码:

源代码:

// This function is used for coping text from text area

// Variables for printColor function

fixed="B";
  left="R";
  upper="G";
  value=Array;
  value[0]="N/A";
  value[1]="00";
  value[2]="33";
  value[3]="66";
  value[4]="99";
  value[5]="CC";
  value[6]="FF";

// Function printColor prints the web-colors into the table  
  
function printColor() {
  
  for (fixedamount=1; fixedamount<=6;fixedamount=fixedamount+1)
{
  fixedvalue=value[fixedamount];
  document.write("<table border='0'><tr><td>");

for (row=0; row<=6;row=row+1)
 { document.write("<tr>");
  for (table=1; table<=3; table=table+1)
 {
  if (table==1) {fixed="B"; left="R";  upper="G";}
  if (table==2) {fixed="R"; left="G";  upper="B";}
  if (table==3) {fixed="G"; left="B";  upper="R";}

for (column=0; column<=6; column=column+1)
  {
   if (fixed=="R") {redvalue=fixedvalue; fixedcolor="#CC0000"};
   if (fixed=="G") {greenvalue=fixedvalue; fixedcolor="#009900"};
   if (fixed=="B") {bluevalue=fixedvalue; fixedcolor="#0000CC"};
   if (left=="R") {redvalue=value[row]; leftcolor="#CC0000"};
   if (left=="G") {greenvalue=value[row]; leftcolor="#009900"};
   if (left=="B") {bluevalue=value[row]; leftcolor="#0000CC"};
   if (upper=="R") {redvalue=value[column]; uppercolor="#CC0000"};   
   if (upper=="G") {greenvalue=value[column]; uppercolor="#009900"};   
   if (upper=="B") {bluevalue=value[column]; uppercolor="#0000CC"};

if (column==0 && row==0) {document.write("<td bgColor="+fixedcolor+"><font color='#FFFFFF' size='1'>"+value[fixedamount]+"</font></td>")};
   if (column==0 && row!=0) {document.write("<td bgColor="+leftcolor+"><font color='#FFFFFF'  size='1'>"+value[row]+"</font></td>")};
   if (column!=0 && row==0) {document.write("<td bgColor="+uppercolor+"><font color='#FFFFFF' size='1'>"+value[column]+"</font></td>")};
   hexcolortext="#"+redvalue+greenvalue+bluevalue;
   hexcolorwords="#RRGGBB: ";   pixelstring="<a href='#' an=color alt='Click to see the hexcode' onClick=\"setB('"+hexcolortext+"');return false\">   </a>";

if (column!=0 && row!=0){document.write("<td bgColor=#"+redvalue+greenvalue+bluevalue+">"+pixelstring+"</td>")};
  } if (table<3) {document.write("<td bgColor=#f0f0f0>    </td>")};
 }
 document.write("</font></tr>");
 } 
 document.write("</td></tr></table>");
}

}

// The function setB carry outs several purposes. The main task is CSS code generation. Also the function changes the main page CSS attributes to demonstrate how selected color looks.

function setB(c_color) {

var bd = document.getElementById('bd');
 bd.setAttribute('bgColor',c_color);
 
 
 var Rc = c_color.substring(1,3);
 var Gc = c_color.substring(3,5);
 var Bc = c_color.substring(5,7);

var cnt = parseInt(Rc,16)+parseInt(Gc,16)+parseInt(Bc,16);
 var n=(((765 - cnt)< 380)||(parseInt(Rc,16)==255)||(parseInt(Gc,16)==255)||(parseInt(Bc,16)==255))?-190:190; 
 
 var tn = Math.floor(n*3/2);
 
 
 var Tc = '#' + changeHex(Rc, tn)+changeHex(Gc,tn)+changeHex(Bc,tn);
 
 var Ac = '#' + changeHex(Rc,n)+changeHex(Gc,n)+changeHex(Bc,n);
 
 
 bd.style.color=Tc;

var tn = Math.floor(n*3/4);
 
 var Avc = '#' + changeHex(Rc, tn)+changeHex(Gc,tn)+changeHex(Bc,tn);

var tn = Math.floor(n*4/3);
 
 var Aac = '#' + changeHex(Rc, tn)+changeHex(Gc,tn)+changeHex(Bc,tn);

// This auxiliary function is used to change Hex number.

function changeHex(h, n){
 h=(typeof(h) == "string") ? parseInt(h,16) : h;
 if((h == 0 && n < 0)||(h == 255 && n > 0)){n = 0} 
 h += n;
 h = (h > 255) ? 255 : (h < 0) ? 0 : h;
 return (h <= 15) ? "0" + h.toString(16) : h.toString(16);
}

配色方案创建工具一	配色方案创建工具二	配色方案创建工具三	标准颜色参考工具	网页配色工具	网页颜色配色工具
网页安全色大全	配色代码对照表	在线调色板	在线混色器	颜色HSL	配色辞典
网页颜色工具箱	颜色代码选择器	Flash 取色器

CSS 代码:

源代码:

调色板（网页安全色）: