首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

js实现的网页颜色代码表全集

Posted in Javascript onJuly 17, 2007

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>网页颜色代码全集</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1543" name=GENERATOR>
<STYLE type=text/css>TD {
    FONT-SIZE: 10.8pt
}
BODY {
    FONT-SIZE: 10.8pt
}
BUTTON {
    WIDTH: 5em
}
</STYLE>

<SCRIPT language=JavaScript>
var SelRGB = '';
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 language=JavaScript event=onclick for=ColorTable>
  SelRGB = event.srcElement.bgColor;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseover for=ColorTable>
  RGB.innerText = event.srcElement.bgColor;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseout for=ColorTable>
  RGB.innerText = SelRGB;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onclick for=GrayTable>
  SelGRAY = event.srcElement.title;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseover for=GrayTable>
  GRAY.innerText = event.srcElement.title;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onmouseout for=GrayTable>
  GRAY.innerText = SelGRAY;
  EndColor();
</SCRIPT>

<SCRIPT language=JavaScript event=onclick for=Ok>
  window.returnValue = SelColor.value;
  window.close();
</SCRIPT>
</HEAD>
<BODY bgcolor="#006633" text=#000000 link=#000000 leftMargin=0 topMargin=0 bgProperties=fixed>
<DIV align=center>
  <p> </p>
  <p><font color="#FF0000" size="5"><strong><a href="http://www.zhaozi.cn"><font color="#FF6600">找字网</font></a>网页颜色代
码选择器</strong></font></p>
</DIV>
<TABLE cellSpacing=1 cellPadding=3 width=350 align=center bgColor=#dddddd 
border=0>
  <TBODY>
  <TR bgColor=#ffffff>
    <TD align=middle width="10%"><SELECT onchange=selectchg(this.value) 
      name=select1> <OPTION value=1 selected>红</OPTION> <OPTION 
        value=2>绿</OPTION> <OPTION value=3>蓝</OPTION> <OPTION 
      value=4>灰</OPTION></SELECT> </TD>
    <TD align=middle width="90%">
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR>
              <TD width="81%" align=right>颜色值 
                <INPUT class=memo size=10 name=text1> 
                <INPUT class=button onclick=choosecolor() type=button value="确认颜色" name=Button2> 
          </TD>
          <TD align=right width="1%"> </TD>
          <TD width="18%">
            <TABLE class=cursorcross height=20 cellSpacing=1 cellPadding=0 
            width=40 border=0>
              <TBODY>
              <TR>
                <TD id=customcolor onmouseover=showcolor(this) 
                bgColor=#ffffff> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
  <TR bgColor=#ffffff>
    <TD align=middle width="10%">
      <TABLE class=cursorhand id=tableleft cellSpacing=1 cellPadding=0 
        border=0><SCRIPT language=VBScript>
function hexit(which)
hexit=hex(which)
end function
</SCRIPT>

        <SCRIPT language=JavaScript>
for(i=0;i<=15;++i)
{document.write('<tr><td align="center">'+ hexit(0+i*17) +'</td><td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" 
width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)"></td></tr>')
 document.all['tdleft' + i].num=i
}
</SCRIPT>

        <TBODY></TBODY></TABLE></TD>
    <TD align=middle width="90%">
      <TABLE class=cursorcross id=tableleft cellSpacing=1 cellPadding=0 
border=0>
        <SCRIPT language=JavaScript>
document.write('<tr><td></td>')
for(i=0;i<=15;++i)
{document.write('<td align="center">'+ hexit(0+i*17) +'</td>')}
document.write('</tr>')

for(i=0;i<=15;++i)
{document.write('<tr>')
 document.write('<td align="center">'+ hexit(0+i*17) +'</td>')
 for(j=0;j<=15;++j)
  {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" 
height="15" onmouseover="showcolor(this)" onclick="clickright(this)"></td>')}
 document.write('</tr>')
}

</SCRIPT>

        <TBODY></TBODY></TABLE></TD></TR>
  <TR bgColor=#ffffff>
    <TD colSpan=2 
      height=20>·可选16*16*16种颜色。<BR>·单击左边的颜色会得到更多的颜色。<BR>·单击右边的颜色会固定选取的颜色。 
      <BR>·输入框可以自定义颜色。</TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
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
}
</SCRIPT>
<DIV align=center>
<CENTER>
  </CENTER></DIV>
<DIV align=center>
<CENTER>
  </CENTER></DIV>
<P align=center><B><font color="#FF0000" size="5">网页颜色代码对照表</font></B></P>
<DIV align=center>
<CENTER><FONT face=Verdana size=3>
<TABLE cellSpacing=3>
  <TBODY>
  <TR>
    <TD width=30 bgColor=#ffffff height=30></TD>
    <TD>#FFFFFF</TD>
    <TD width=30 bgColor=#fffff0 height=30></TD>
    <TD>#FFFFF0</TD>
    <TD width=30 bgColor=#ffffe0 height=30></TD>
    <TD>#FFFFE0</TD>
    <TD width=30 bgColor=#ffff00 height=30></TD>
    <TD>#FFFF00</TD></TR>
  <TR>
    <TD width=30 bgColor=#fffafa height=30></TD>
    <TD>#FFFAFA</TD>
    <TD width=30 bgColor=#fffaf0 height=30></TD>
    <TD>#FFFAF0</TD>
    <TD width=30 bgColor=#fffacd height=30></TD>
    <TD>#FFFACD</TD>
    <TD width=30 bgColor=#fff8dc height=30></TD>
    <TD>#FFF8DC</TD></TR>
  <TR>
    <TD width=30 bgColor=#fff68f height=30></TD>
    <TD>#FFF68F</TD>
    <TD width=30 bgColor=#fff5ee height=30></TD>
    <TD>#FFF5EE</TD>
    <TD width=30 bgColor=#fff0f5 height=30></TD>
    <TD>#FFF0F5</TD>
    <TD width=30 bgColor=#ffefdb height=30></TD>
    <TD>#FFEFDB</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffefd5 height=30></TD>
    <TD>#FFEFD5</TD>
    <TD width=30 bgColor=#ffec8b height=30></TD>
    <TD>#FFEC8B</TD>
    <TD width=30 bgColor=#ffebcd height=30></TD>
    <TD>#FFEBCD</TD>
    <TD width=30 bgColor=#ffe7ba height=30></TD>
    <TD>#FFE7BA</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffe4e1 height=30></TD>
    <TD>#FFE4E1</TD>
    <TD width=30 bgColor=#ffe4c4 height=30></TD>
    <TD>#FFE4C4</TD>
    <TD width=30 bgColor=#ffe4b5 height=30></TD>
    <TD>#FFE4B5</TD>
    <TD width=30 bgColor=#ffe1ff height=30></TD>
    <TD>#FFE1FF</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffdead height=30></TD>
    <TD>#FFDEAD</TD>
    <TD width=30 bgColor=#ffdab9 height=30></TD>
    <TD>#FFDAB9</TD>
    <TD width=30 bgColor=#ffd700 height=30></TD>
    <TD>#FFD700</TD>
    <TD width=30 bgColor=#ffd39b height=30></TD>
    <TD>#FFD39B</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffc1c1 height=30></TD>
    <TD>#FFC1C1</TD>
    <TD width=30 bgColor=#ffc125 height=30></TD>
    <TD>#FFC125</TD>
    <TD width=30 bgColor=#ffc0cb height=30></TD>
    <TD>#FFC0CB</TD>
    <TD width=30 bgColor=#ffbbff height=30></TD>
    <TD>#FFBBFF</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffb90f height=30></TD>
    <TD>#FFB90F</TD>
    <TD width=30 bgColor=#ffb6c1 height=30></TD>
    <TD>#FFB6C1</TD>
    <TD width=30 bgColor=#ffb5c5 height=30></TD>
    <TD>#FFB5C5</TD>
    <TD width=30 bgColor=#ffaeb9 height=30></TD>
    <TD>#FFAEB9</TD></TR>
  <TR>
    <TD width=30 bgColor=#ffa54f height=30></TD>
    <TD>#FFA54F</TD>
    <TD width=30 bgColor=#ffa500 height=30></TD>
    <TD>#FFA500</TD>
    <TD width=30 bgColor=#ffa07a height=30></TD>
    <TD>#FFA07A</TD>
    <TD width=30 bgColor=#ff8c69 height=30></TD>
    <TD>#FF8C69</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff8c00 height=30></TD>
    <TD>#FF8C00</TD>
    <TD width=30 bgColor=#ff83fa height=30></TD>
    <TD>#FF83FA</TD>
    <TD width=30 bgColor=#ff82ab height=30></TD>
    <TD>#FF82AB</TD>
    <TD width=30 bgColor=#ff8247 height=30></TD>
    <TD>#FF8247</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff7f50 height=30></TD>
    <TD>#FF7F50</TD>
    <TD width=30 bgColor=#ff7f24 height=30></TD>
    <TD>#FF7F24</TD>
    <TD width=30 bgColor=#ff7f00 height=30></TD>
    <TD>#FF7F00</TD>
    <TD width=30 bgColor=#ff7256 height=30></TD>
    <TD>#FF7256</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff6eb4 height=30></TD>
    <TD>#FF6EB4</TD>
    <TD width=30 bgColor=#ff6a6a height=30></TD>
    <TD>#FF6A6A</TD>
    <TD width=30 bgColor=#ff69b4 height=30></TD>
    <TD>#FF69B4</TD>
    <TD width=30 bgColor=#ff6347 height=30></TD>
    <TD>#FF6347</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff4500 height=30></TD>
    <TD>#FF4500</TD>
    <TD width=30 bgColor=#ff4040 height=30></TD>
    <TD>#FF4040</TD>
    <TD width=30 bgColor=#ff3e96 height=30></TD>
    <TD>#FF3E96</TD>
    <TD width=30 bgColor=#ff34b3 height=30></TD>
    <TD>#FF34B3</TD></TR>
  <TR>
    <TD width=30 bgColor=#ff3030 height=30></TD>
    <TD>#FF3030</TD>
    <TD width=30 bgColor=#ff1493 height=30></TD>
    <TD>#FF1493</TD>
    <TD width=30 bgColor=#ff00ff height=30></TD>
    <TD>#FF00FF</TD>
    <TD width=30 bgColor=#ff0000 height=30></TD>
    <TD>#FF0000</TD></TR>
  <TR>
    <TD width=30 bgColor=#fdf5e6 height=30></TD>
    <TD>#FDF5E6</TD>
    <TD width=30 bgColor=#fcfcfc height=30></TD>
    <TD>#FCFCFC</TD>
    <TD width=30 bgColor=#fafafa height=30></TD>
    <TD>#FAFAFA</TD>
    <TD width=30 bgColor=#fafad2 height=30></TD>
    <TD>#FAFAD2</TD></TR>
  <TR>
    <TD width=30 bgColor=#faf0e6 height=30></TD>
    <TD>#FAF0E6</TD>
    <TD width=30 bgColor=#faebd7 height=30></TD>
    <TD>#FAEBD7</TD>
    <TD width=30 bgColor=#fa8072 height=30></TD>
    <TD>#FA8072</TD>
    <TD width=30 bgColor=#f8f8ff height=30></TD>
    <TD>#F8F8FF</TD></TR>
  <TR>
    <TD width=30 bgColor=#f7f7f7 height=30></TD>
    <TD>#F7F7F7</TD>
    <TD width=30 bgColor=#f5fffa height=30></TD>
    <TD>#F5FFFA</TD>
    <TD width=30 bgColor=#f5f5f5 height=30></TD>
    <TD>#F5F5F5</TD>
    <TD width=30 bgColor=#f5f5dc height=30></TD>
    <TD>#F5F5DC</TD></TR>
  <TR>
    <TD width=30 bgColor=#f5deb3 height=30></TD>
    <TD>#F5DEB3</TD>
    <TD width=30 bgColor=#f4f4f4 height=30></TD>
    <TD>#F4F4F4</TD>
    <TD width=30 bgColor=#f4a460 height=30></TD>
    <TD>#F4A460</TD>
    <TD width=30 bgColor=#f2f2f2 height=30></TD>
    <TD>#F2F2F2</TD></TR>
  <TR>
    <TD width=30 bgColor=#f0ffff height=30></TD>
    <TD>#F0FFFF</TD>
    <TD width=30 bgColor=#f0fff0 height=30></TD>
    <TD>#F0FFF0</TD>
    <TD width=30 bgColor=#f0f8ff height=30></TD>
    <TD>#F0F8FF</TD>
    <TD width=30 bgColor=#f0f0f0 height=30></TD>
    <TD>#F0F0F0</TD></TR>
  <TR>
    <TD width=30 bgColor=#f0e68c height=30></TD>
    <TD>#F0E68C</TD>
    <TD width=30 bgColor=#f08080 height=30></TD>
    <TD>#F08080</TD>
    <TD width=30 bgColor=#eeeee0 height=30></TD>
    <TD>#EEEEE0</TD>
    <TD width=30 bgColor=#eeeed1 height=30></TD>
    <TD>#EEEED1</TD></TR>
  <TR>
    <TD width=30 bgColor=#eeee00 height=30></TD>
    <TD>#EEEE00</TD>
    <TD width=30 bgColor=#eee9e9 height=30></TD>
    <TD>#EEE9E9</TD>
    <TD width=30 bgColor=#eee9bf height=30></TD>
    <TD>#EEE9BF</TD>
    <TD width=30 bgColor=#eee8cd height=30></TD>
    <TD>#EEE8CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#eee8aa height=30></TD>
    <TD>#EEE8AA</TD>
    <TD width=30 bgColor=#eee685 height=30></TD>
    <TD>#EEE685</TD>
    <TD width=30 bgColor=#eee5de height=30></TD>
    <TD>#EEE5DE</TD>
    <TD width=30 bgColor=#eee0e5 height=30></TD>
    <TD>#EEE0E5</TD></TR>
  <TR>
    <TD width=30 bgColor=#eedfcc height=30></TD>
    <TD>#EEDFCC</TD>
    <TD width=30 bgColor=#eedc82 height=30></TD>
    <TD>#EEDC82</TD>
    <TD width=30 bgColor=#eed8ae height=30></TD>
    <TD>#EED8AE</TD>
    <TD width=30 bgColor=#eed5d2 height=30></TD>
    <TD>#EED5D2</TD></TR>
  <TR>
    <TD width=30 bgColor=#eed5b7 height=30></TD>
    <TD>#EED5B7</TD>
    <TD width=30 bgColor=#eed2ee height=30></TD>
    <TD>#EED2EE</TD>
    <TD width=30 bgColor=#eecfa1 height=30></TD>
    <TD>#EECFA1</TD>
    <TD width=30 bgColor=#eecbad height=30></TD>
    <TD>#EECBAD</TD></TR>
  <TR>
    <TD width=30 bgColor=#eec900 height=30></TD>
    <TD>#EEC900</TD>
    <TD width=30 bgColor=#eec591 height=30></TD>
    <TD>#EEC591</TD>
    <TD width=30 bgColor=#eeb4b4 height=30></TD>
    <TD>#EEB4B4</TD>
    <TD width=30 bgColor=#eeb422 height=30></TD>
    <TD>#EEB422</TD></TR>
  <TR>
    <TD width=30 bgColor=#eeaeee height=30></TD>
    <TD>#EEAEEE</TD>
    <TD width=30 bgColor=#eead0e height=30></TD>
    <TD>#EEAD0E</TD>
    <TD width=30 bgColor=#eea9b8 height=30></TD>
    <TD>#EEA9B8</TD>
    <TD width=30 bgColor=#eea2ad height=30></TD>
    <TD>#EEA2AD</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee9a49 height=30></TD>
    <TD>#EE9A49</TD>
    <TD width=30 bgColor=#ee9a00 height=30></TD>
    <TD>#EE9A00</TD>
    <TD width=30 bgColor=#ee9572 height=30></TD>
    <TD>#EE9572</TD>
    <TD width=30 bgColor=#ee82ee height=30></TD>
    <TD>#EE82EE</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee8262 height=30></TD>
    <TD>#EE8262</TD>
    <TD width=30 bgColor=#ee7ae9 height=30></TD>
    <TD>#EE7AE9</TD>
    <TD width=30 bgColor=#ee799f height=30></TD>
    <TD>#EE799F</TD>
    <TD width=30 bgColor=#ee7942 height=30></TD>
    <TD>#EE7942</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee7621 height=30></TD>
    <TD>#EE7621</TD>
    <TD width=30 bgColor=#ee7600 height=30></TD>
    <TD>#EE7600</TD>
    <TD width=30 bgColor=#ee6aa7 height=30></TD>
    <TD>#EE6AA7</TD>
    <TD width=30 bgColor=#ee6a50 height=30></TD>
    <TD>#EE6A50</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee6363 height=30></TD>
    <TD>#EE6363</TD>
    <TD width=30 bgColor=#ee5c42 height=30></TD>
    <TD>#EE5C42</TD>
    <TD width=30 bgColor=#ee4000 height=30></TD>
    <TD>#EE4000</TD>
    <TD width=30 bgColor=#ee3b3b height=30></TD>
    <TD>#EE3B3B</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee3a8c height=30></TD>
    <TD>#EE3A8C</TD>
    <TD width=30 bgColor=#ee30a7 height=30></TD>
    <TD>#EE30A7</TD>
    <TD width=30 bgColor=#ee2c2c height=30></TD>
    <TD>#EE2C2C</TD>
    <TD width=30 bgColor=#ee1289 height=30></TD>
    <TD>#EE1289</TD></TR>
  <TR>
    <TD width=30 bgColor=#ee00ee height=30></TD>
    <TD>#EE00EE</TD>
    <TD width=30 bgColor=#ee0000 height=30></TD>
    <TD>#EE0000</TD>
    <TD width=30 bgColor=#ededed height=30></TD>
    <TD>#EDEDED</TD>
    <TD width=30 bgColor=#ebebeb height=30></TD>
    <TD>#EBEBEB</TD></TR>
  <TR>
    <TD width=30 bgColor=#eaeaea height=30></TD>
    <TD>#EAEAEA</TD>
    <TD width=30 bgColor=#e9967a height=30></TD>
    <TD>#E9967A</TD>
    <TD width=30 bgColor=#e8e8e8 height=30></TD>
    <TD>#E8E8E8</TD>
    <TD width=30 bgColor=#e6e6fa height=30></TD>
    <TD>#E6E6FA</TD></TR>
  <TR>
    <TD width=30 bgColor=#e5e5e5 height=30></TD>
    <TD>#E5E5E5</TD>
    <TD width=30 bgColor=#e3e3e3 height=30></TD>
    <TD>#E3E3E3</TD>
    <TD width=30 bgColor=#e0ffff height=30></TD>
    <TD>#E0FFFF</TD>
    <TD width=30 bgColor=#e0eeee height=30></TD>
    <TD>#E0EEEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#e0eee0 height=30></TD>
    <TD>#E0EEE0</TD>
    <TD width=30 bgColor=#e0e0e0 height=30></TD>
    <TD>#E0E0E0</TD>
    <TD width=30 bgColor=#e066ff height=30></TD>
    <TD>#E066FF</TD>
    <TD width=30 bgColor=#dedede height=30></TD>
    <TD>#DEDEDE</TD></TR>
  <TR>
    <TD width=30 bgColor=#deb887 height=30></TD>
    <TD>#DEB887</TD>
    <TD width=30 bgColor=#dda0dd height=30></TD>
    <TD>#DDA0DD</TD>
    <TD width=30 bgColor=#dcdcdc height=30></TD>
    <TD>#DCDCDC</TD>
    <TD width=30 bgColor=#dc143c height=30></TD>
    <TD>#DC143C</TD></TR>
  <TR>
    <TD width=30 bgColor=#dbdbdb height=30></TD>
    <TD>#DBDBDB</TD>
    <TD width=30 bgColor=#db7093 height=30></TD>
    <TD>#DB7093</TD>
    <TD width=30 bgColor=#daa520 height=30></TD>
    <TD>#DAA520</TD>
    <TD width=30 bgColor=#da70d6 height=30></TD>
    <TD>#DA70D6</TD></TR>
  <TR>
    <TD width=30 bgColor=#d9d9d9 height=30></TD>
    <TD>#D9D9D9</TD>
    <TD width=30 bgColor=#d8bfd8 height=30></TD>
    <TD>#D8BFD8</TD>
    <TD width=30 bgColor=#d6d6d6 height=30></TD>
    <TD>#D6D6D6</TD>
    <TD width=30 bgColor=#d4d4d4 height=30></TD>
    <TD>#D4D4D4</TD></TR>
  <TR>
    <TD width=30 bgColor=#d3d3d3 height=30></TD>
    <TD>#D3D3D3</TD>
    <TD width=30 bgColor=#d2b48c height=30></TD>
    <TD>#D2B48C</TD>
    <TD width=30 bgColor=#d2691e height=30></TD>
    <TD>#D2691E</TD>
    <TD width=30 bgColor=#d1eeee height=30></TD>
    <TD>#D1EEEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#d1d1d1 height=30></TD>
    <TD>#D1D1D1</TD>
    <TD width=30 bgColor=#d15fee height=30></TD>
    <TD>#D15FEE</TD>
    <TD width=30 bgColor=#d02090 height=30></TD>
    <TD>#D02090</TD>
    <TD width=30 bgColor=#cfcfcf height=30></TD>
    <TD>#CFCFCF</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdcdc1 height=30></TD>
    <TD>#CDCDC1</TD>
    <TD width=30 bgColor=#cdcdb4 height=30></TD>
    <TD>#CDCDB4</TD>
    <TD width=30 bgColor=#cdcd00 height=30></TD>
    <TD>#CDCD00</TD>
    <TD width=30 bgColor=#cdc9c9 height=30></TD>
    <TD>#CDC9C9</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdc9a5 height=30></TD>
    <TD>#CDC9A5</TD>
    <TD width=30 bgColor=#cdc8b1 height=30></TD>
    <TD>#CDC8B1</TD>
    <TD width=30 bgColor=#cdc673 height=30></TD>
    <TD>#CDC673</TD>
    <TD width=30 bgColor=#cdc5bf height=30></TD>
    <TD>#CDC5BF</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdc1c5 height=30></TD>
    <TD>#CDC1C5</TD>
    <TD width=30 bgColor=#cdc0b0 height=30></TD>
    <TD>#CDC0B0</TD>
    <TD width=30 bgColor=#cdbe70 height=30></TD>
    <TD>#CDBE70</TD>
    <TD width=30 bgColor=#cdba96 height=30></TD>
    <TD>#CDBA96</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdb7b5 height=30></TD>
    <TD>#CDB7B5</TD>
    <TD width=30 bgColor=#cdb79e height=30></TD>
    <TD>#CDB79E</TD>
    <TD width=30 bgColor=#cdb5cd height=30></TD>
    <TD>#CDB5CD</TD>
    <TD width=30 bgColor=#cdb38b height=30></TD>
    <TD>#CDB38B</TD></TR>
  <TR>
    <TD width=30 bgColor=#cdaf95 height=30></TD>
    <TD>#CDAF95</TD>
    <TD width=30 bgColor=#cdad00 height=30></TD>
    <TD>#CDAD00</TD>
    <TD width=30 bgColor=#cdaa7d height=30></TD>
    <TD>#CDAA7D</TD>
    <TD width=30 bgColor=#cd9b9b height=30></TD>
    <TD>#CD9B9B</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd9b1d height=30></TD>
    <TD>#CD9B1D</TD>
    <TD width=30 bgColor=#cd96cd height=30></TD>
    <TD>#CD96CD</TD>
    <TD width=30 bgColor=#cd950c height=30></TD>
    <TD>#CD950C</TD>
    <TD width=30 bgColor=#cd919e height=30></TD>
    <TD>#CD919E</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd8c95 height=30></TD>
    <TD>#CD8C95</TD>
    <TD width=30 bgColor=#cd853f height=30></TD>
    <TD>#CD853F</TD>
    <TD width=30 bgColor=#cd8500 height=30></TD>
    <TD>#CD8500</TD>
    <TD width=30 bgColor=#cd8162 height=30></TD>
    <TD>#CD8162</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd7054 height=30></TD>
    <TD>#CD7054</TD>
    <TD width=30 bgColor=#cd69c9 height=30></TD>
    <TD>#CD69C9</TD>
    <TD width=30 bgColor=#cd6889 height=30></TD>
    <TD>#CD6889</TD>
    <TD width=30 bgColor=#cd6839 height=30></TD>
    <TD>#CD6839</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd661d height=30></TD>
    <TD>#CD661D</TD>
    <TD width=30 bgColor=#cd6600 height=30></TD>
    <TD>#CD6600</TD>
    <TD width=30 bgColor=#cd6090 height=30></TD>
    <TD>#CD6090</TD>
    <TD width=30 bgColor=#cd5c5c height=30></TD>
    <TD>#CD5C5C</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd5b45 height=30></TD>
    <TD>#CD5B45</TD>
    <TD width=30 bgColor=#cd5555 height=30></TD>
    <TD>#CD5555</TD>
    <TD width=30 bgColor=#cd4f39 height=30></TD>
    <TD>#CD4F39</TD>
    <TD width=30 bgColor=#cd3700 height=30></TD>
    <TD>#CD3700</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd3333 height=30></TD>
    <TD>#CD3333</TD>
    <TD width=30 bgColor=#cd3278 height=30></TD>
    <TD>#CD3278</TD>
    <TD width=30 bgColor=#cd2990 height=30></TD>
    <TD>#CD2990</TD>
    <TD width=30 bgColor=#cd2626 height=30></TD>
    <TD>#CD2626</TD></TR>
  <TR>
    <TD width=30 bgColor=#cd1076 height=30></TD>
    <TD>#CD1076</TD>
    <TD width=30 bgColor=#cd00cd height=30></TD>
    <TD>#CD00CD</TD>
    <TD width=30 bgColor=#cd0000 height=30></TD>
    <TD>#CD0000</TD>
    <TD width=30 bgColor=#cccccc height=30></TD>
    <TD>#CCCCCC</TD></TR>
  <TR>
    <TD width=30 bgColor=#caff70 height=30></TD>
    <TD>#CAFF70</TD>
    <TD width=30 bgColor=#cae1ff height=30></TD>
    <TD>#CAE1FF</TD>
    <TD width=30 bgColor=#c9c9c9 height=30></TD>
    <TD>#C9C9C9</TD>
    <TD width=30 bgColor=#c7c7c7 height=30></TD>
    <TD>#C7C7C7</TD></TR>
  <TR>
    <TD width=30 bgColor=#c71585 height=30></TD>
    <TD>#C71585</TD>
    <TD width=30 bgColor=#c6e2ff height=30></TD>
    <TD>#C6E2FF</TD>
    <TD width=30 bgColor=#c67171 height=30></TD>
    <TD>#C67171</TD>
    <TD width=30 bgColor=#c5c1aa height=30></TD>
    <TD>#C5C1AA</TD></TR>
  <TR>
    <TD width=30 bgColor=#c4c4c4 height=30></TD>
    <TD>#C4C4C4</TD>
    <TD width=30 bgColor=#c2c2c2 height=30></TD>
    <TD>#C2C2C2</TD>
    <TD width=30 bgColor=#c1ffc1 height=30></TD>
    <TD>#C1FFC1</TD>
    <TD width=30 bgColor=#c1cdcd height=30></TD>
    <TD>#C1CDCD</TD></TR>
  <TR>
    <TD width=30 bgColor=#c1cdc1 height=30></TD>
    <TD>#C1CDC1</TD>
    <TD width=30 bgColor=#c1c1c1 height=30></TD>
    <TD>#C1C1C1</TD>
    <TD width=30 bgColor=#c0ff3e height=30></TD>
    <TD>#C0FF3E</TD>
    <TD width=30 bgColor=#bfefff height=30></TD>
    <TD>#BFEFFF</TD></TR>
  <TR>
    <TD width=30 bgColor=#bfbfbf height=30></TD>
    <TD>#BFBFBF</TD>
    <TD width=30 bgColor=#bf3eff height=30></TD>
    <TD>#BF3EFF</TD>
    <TD width=30 bgColor=#bebebe height=30></TD>
    <TD>#BEBEBE</TD>
    <TD width=30 bgColor=#bdbdbd height=30></TD>
    <TD>#BDBDBD</TD></TR>
  <TR>
    <TD width=30 bgColor=#bdb76b height=30></TD>
    <TD>#BDB76B</TD>
    <TD width=30 bgColor=#bcee68 height=30></TD>
    <TD>#BCEE68</TD>
    <TD width=30 bgColor=#bcd2ee height=30></TD>
    <TD>#BCD2EE</TD>
    <TD width=30 bgColor=#bc8f8f height=30></TD>
    <TD>#BC8F8F</TD></TR>
  <TR>
    <TD width=30 bgColor=#bbffff height=30></TD>
    <TD>#BBFFFF</TD>
    <TD width=30 bgColor=#bababa height=30></TD>
    <TD>#BABABA</TD>
    <TD width=30 bgColor=#ba55d3 height=30></TD>
    <TD>#BA55D3</TD>
    <TD width=30 bgColor=#b9d3ee height=30></TD>
    <TD>#B9D3EE</TD></TR>
  <TR>
    <TD width=30 bgColor=#b8b8b8 height=30></TD>
    <TD>#B8B8B8</TD>
    <TD width=30 bgColor=#b8860b height=30></TD>
    <TD>#B8860B</TD>
    <TD width=30 bgColor=#b7b7b7 height=30></TD>
    <TD>#B7B7B7</TD>
    <TD width=30 bgColor=#b5b5b5 height=30></TD>
    <TD>#B5B5B5</TD></TR>
  <TR>
    <TD width=30 bgColor=#b4eeb4 height=30></TD>
    <TD>#B4EEB4</TD>
    <TD width=30 bgColor=#b4cdcd height=30></TD>
    <TD>#B4CDCD</TD>
    <TD width=30 bgColor=#b452cd height=30></TD>
    <TD>#B452CD</TD>
    <TD width=30 bgColor=#b3ee3a height=30></TD>
    <TD>#B3EE3A</TD></TR>
  <TR>
    <TD width=30 bgColor=#b3b3b3 height=30></TD>
    <TD>#B3B3B3</TD>
    <TD width=30 bgColor=#b2dfee height=30></TD>
    <TD>#B2DFEE</TD>
    <TD width=30 bgColor=#b23aee height=30></TD>
    <TD>#B23AEE</TD>
    <TD width=30 bgColor=#b22222 height=30></TD>
    <TD>#B22222</TD></TR>
  <TR>
    <TD width=30 bgColor=#b0e2ff height=30></TD>
    <TD>#B0E2FF</TD>
    <TD width=30 bgColor=#b0e0e6 height=30></TD>
    <TD>#B0E0E6</TD>
    <TD width=30 bgColor=#b0c4de height=30></TD>
    <TD>#B0C4DE</TD>
    <TD width=30 bgColor=#b0b0b0 height=30></TD>
    <TD>#B0B0B0</TD></TR>
  <TR>
    <TD width=30 bgColor=#b03060 height=30></TD>
    <TD>#B03060</TD>
    <TD width=30 bgColor=#aeeeee height=30></TD>
    <TD>#AEEEEE</TD>
    <TD width=30 bgColor=#adff2f height=30></TD>
    <TD>#ADFF2F</TD>
    <TD width=30 bgColor=#add8e6 height=30></TD>
    <TD>#ADD8E6</TD></TR>
  <TR>
    <TD width=30 bgColor=#adadad height=30></TD>
    <TD>#ADADAD</TD>
    <TD width=30 bgColor=#ababab height=30></TD>
    <TD>#ABABAB</TD>
    <TD width=30 bgColor=#ab82ff height=30></TD>
    <TD>#AB82FF</TD>
    <TD width=30 bgColor=#aaaaaa height=30></TD>
    <TD>#AAAAAA</TD></TR>
  <TR>
    <TD width=30 bgColor=#a9a9a9 height=30></TD>
    <TD>#A9A9A9</TD>
    <TD width=30 bgColor=#a8a8a8 height=30></TD>
    <TD>#A8A8A8</TD>
    <TD width=30 bgColor=#a6a6a6 height=30></TD>
    <TD>#A6A6A6</TD>
    <TD width=30 bgColor=#a52a2a height=30></TD>
    <TD>#A52A2A</TD></TR>
  <TR>
    <TD width=30 bgColor=#a4d3ee height=30></TD>
    <TD>#A4D3EE</TD>
    <TD width=30 bgColor=#a3a3a3 height=30></TD>
    <TD>#A3A3A3</TD>
    <TD width=30 bgColor=#a2cd5a height=30></TD>
    <TD>#A2CD5A</TD>
    <TD width=30 bgColor=#a2b5cd height=30></TD>
    <TD>#A2B5CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#a1a1a1 height=30></TD>
    <TD>#A1A1A1</TD>
    <TD width=30 bgColor=#a0522d height=30></TD>
    <TD>#A0522D</TD>
    <TD width=30 bgColor=#a020f0 height=30></TD>
    <TD>#A020F0</TD>
    <TD width=30 bgColor=#9fb6cd height=30></TD>
    <TD>#9FB6CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#9f79ee height=30></TD>
    <TD>#9F79EE</TD>
    <TD width=30 bgColor=#9e9e9e height=30></TD>
    <TD>#9E9E9E</TD>
    <TD width=30 bgColor=#9c9c9c height=30></TD>
    <TD>#9C9C9C</TD>
    <TD width=30 bgColor=#9bcd9b height=30></TD>
    <TD>#9BCD9B</TD></TR>
  <TR>
    <TD width=30 bgColor=#9b30ff height=30></TD>
    <TD>#9B30FF</TD>
    <TD width=30 bgColor=#9aff9a height=30></TD>
    <TD>#9AFF9A</TD>
    <TD width=30 bgColor=#9acd32 height=30></TD>
    <TD>#9ACD32</TD>
    <TD width=30 bgColor=#9ac0cd height=30></TD>
    <TD>#9AC0CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#9a32cd height=30></TD>
    <TD>#9A32CD</TD>
    <TD width=30 bgColor=#999999 height=30></TD>
    <TD>#999999</TD>
    <TD width=30 bgColor=#9932cc height=30></TD>
    <TD>#9932CC</TD>
    <TD width=30 bgColor=#98fb98 height=30></TD>
    <TD>#98FB98</TD></TR>
  <TR>
    <TD width=30 bgColor=#98f5ff height=30></TD>
    <TD>#98F5FF</TD>
    <TD width=30 bgColor=#97ffff height=30></TD>
    <TD>#97FFFF</TD>
    <TD width=30 bgColor=#96cdcd height=30></TD>
    <TD>#96CDCD</TD>
    <TD width=30 bgColor=#969696 height=30></TD>
    <TD>#969696</TD></TR>
  <TR>
    <TD width=30 bgColor=#949494 height=30></TD>
    <TD>#949494</TD>
    <TD width=30 bgColor=#9400d3 height=30></TD>
    <TD>#9400D3</TD>
    <TD width=30 bgColor=#9370db height=30></TD>
    <TD>#9370DB</TD>
    <TD width=30 bgColor=#919191 height=30></TD>
    <TD>#919191</TD></TR>
  <TR>
    <TD width=30 bgColor=#912cee height=30></TD>
    <TD>#912CEE</TD>
    <TD width=30 bgColor=#90ee90 height=30></TD>
    <TD>#90EE90</TD>
    <TD width=30 bgColor=#8fbc8f height=30></TD>
    <TD>#8FBC8F</TD>
    <TD width=30 bgColor=#8f8f8f height=30></TD>
    <TD>#8F8F8F</TD></TR>
  <TR>
    <TD width=30 bgColor=#8ee5ee height=30></TD>
    <TD>#8EE5EE</TD>
    <TD width=30 bgColor=#8e8e8e height=30></TD>
    <TD>#8E8E8E</TD>
    <TD width=30 bgColor=#8e8e38 height=30></TD>
    <TD>#8E8E38</TD>
    <TD width=30 bgColor=#8e388e height=30></TD>
    <TD>#8E388E</TD></TR>
  <TR>
    <TD width=30 bgColor=#8deeee height=30></TD>
    <TD>#8DEEEE</TD>
    <TD width=30 bgColor=#8db6cd height=30></TD>
    <TD>#8DB6CD</TD>
    <TD width=30 bgColor=#8c8c8c height=30></TD>
    <TD>#8C8C8C</TD>
    <TD width=30 bgColor=#8b8b83 height=30></TD>
    <TD>#8B8B83</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b8b7a height=30></TD>
    <TD>#8B8B7A</TD>
    <TD width=30 bgColor=#8b8b00 height=30></TD>
    <TD>#8B8B00</TD>
    <TD width=30 bgColor=#8b8989 height=30></TD>
    <TD>#8B8989</TD>
    <TD width=30 bgColor=#8b8970 height=30></TD>
    <TD>#8B8970</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b8878 height=30></TD>
    <TD>#8B8878</TD>
    <TD width=30 bgColor=#8b8682 height=30></TD>
    <TD>#8B8682</TD>
    <TD width=30 bgColor=#8b864e height=30></TD>
    <TD>#8B864E</TD>
    <TD width=30 bgColor=#8b8386 height=30></TD>
    <TD>#8B8386</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b8378 height=30></TD>
    <TD>#8B8378</TD>
    <TD width=30 bgColor=#8b814c height=30></TD>
    <TD>#8B814C</TD>
    <TD width=30 bgColor=#8b7e66 height=30></TD>
    <TD>#8B7E66</TD>
    <TD width=30 bgColor=#8b7d7b height=30></TD>
    <TD>#8B7D7B</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b7d6b height=30></TD>
    <TD>#8B7D6B</TD>
    <TD width=30 bgColor=#8b7b8b height=30></TD>
    <TD>#8B7B8B</TD>
    <TD width=30 bgColor=#8b795e height=30></TD>
    <TD>#8B795E</TD>
    <TD width=30 bgColor=#8b7765 height=30></TD>
    <TD>#8B7765</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b7500 height=30></TD>
    <TD>#8B7500</TD>
    <TD width=30 bgColor=#8b7355 height=30></TD>
    <TD>#8B7355</TD>
    <TD width=30 bgColor=#8b6969 height=30></TD>
    <TD>#8B6969</TD>
    <TD width=30 bgColor=#8b6914 height=30></TD>
    <TD>#8B6914</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b668b height=30></TD>
    <TD>#8B668B</TD>
    <TD width=30 bgColor=#8b6508 height=30></TD>
    <TD>#8B6508</TD>
    <TD width=30 bgColor=#8b636c height=30></TD>
    <TD>#8B636C</TD>
    <TD width=30 bgColor=#8b5f65 height=30></TD>
    <TD>#8B5F65</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b5a2b height=30></TD>
    <TD>#8B5A2B</TD>
    <TD width=30 bgColor=#8b5a00 height=30></TD>
    <TD>#8B5A00</TD>
    <TD width=30 bgColor=#8b5742 height=30></TD>
    <TD>#8B5742</TD>
    <TD width=30 bgColor=#8b4c39 height=30></TD>
    <TD>#8B4C39</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b4789 height=30></TD>
    <TD>#8B4789</TD>
    <TD width=30 bgColor=#8b475d height=30></TD>
    <TD>#8B475D</TD>
    <TD width=30 bgColor=#8b4726 height=30></TD>
    <TD>#8B4726</TD>
    <TD width=30 bgColor=#8b4513 height=30></TD>
    <TD>#8B4513</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b4500 height=30></TD>
    <TD>#8B4500</TD>
    <TD width=30 bgColor=#8b3e2f height=30></TD>
    <TD>#8B3E2F</TD>
    <TD width=30 bgColor=#8b3a62 height=30></TD>
    <TD>#8B3A62</TD>
    <TD width=30 bgColor=#8b3a3a height=30></TD>
    <TD>#8B3A3A</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b3626 height=30></TD>
    <TD>#8B3626</TD>
    <TD width=30 bgColor=#8b2500 height=30></TD>
    <TD>#8B2500</TD>
    <TD width=30 bgColor=#8b2323 height=30></TD>
    <TD>#8B2323</TD>
    <TD width=30 bgColor=#8b2252 height=30></TD>
    <TD>#8B2252</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b1c62 height=30></TD>
    <TD>#8B1C62</TD>
    <TD width=30 bgColor=#8b1a1a height=30></TD>
    <TD>#8B1A1A</TD>
    <TD width=30 bgColor=#8b0a50 height=30></TD>
    <TD>#8B0A50</TD>
    <TD width=30 bgColor=#8b008b height=30></TD>
    <TD>#8B008B</TD></TR>
  <TR>
    <TD width=30 bgColor=#8b0000 height=30></TD>
    <TD>#8B0000</TD>
    <TD width=30 bgColor=#8a8a8a height=30></TD>
    <TD>#8A8A8A</TD>
    <TD width=30 bgColor=#8a2be2 height=30></TD>
    <TD>#8A2BE2</TD>
    <TD width=30 bgColor=#8968cd height=30></TD>
    <TD>#8968CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#87ceff height=30></TD>
    <TD>#87CEFF</TD>
    <TD width=30 bgColor=#87cefa height=30></TD>
    <TD>#87CEFA</TD>
    <TD width=30 bgColor=#87ceeb height=30></TD>
    <TD>#87CEEB</TD>
    <TD width=30 bgColor=#878787 height=30></TD>
    <TD>#878787</TD></TR>
  <TR>
    <TD width=30 bgColor=#858585 height=30></TD>
    <TD>#858585</TD>
    <TD width=30 bgColor=#848484 height=30></TD>
    <TD>#848484</TD>
    <TD width=30 bgColor=#8470ff height=30></TD>
    <TD>#8470FF</TD>
    <TD width=30 bgColor=#838b8b height=30></TD>
    <TD>#838B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#838b83 height=30></TD>
    <TD>#838B83</TD>
    <TD width=30 bgColor=#836fff height=30></TD>
    <TD>#836FFF</TD>
    <TD width=30 bgColor=#828282 height=30></TD>
    <TD>#828282</TD>
    <TD width=30 bgColor=#7fffd4 height=30></TD>
    <TD>#7FFFD4</TD></TR>
  <TR>
    <TD width=30 bgColor=#7fff00 height=30></TD>
    <TD>#7FFF00</TD>
    <TD width=30 bgColor=#7f7f7f height=30></TD>
    <TD>#7F7F7F</TD>
    <TD width=30 bgColor=#7ec0ee height=30></TD>
    <TD>#7EC0EE</TD>
    <TD width=30 bgColor=#7d9ec0 height=30></TD>
    <TD>#7D9EC0</TD></TR>
  <TR>
    <TD width=30 bgColor=#7d7d7d height=30></TD>
    <TD>#7D7D7D</TD>
    <TD width=30 bgColor=#7d26cd height=30></TD>
    <TD>#7D26CD</TD>
    <TD width=30 bgColor=#7cfc00 height=30></TD>
    <TD>#7CFC00</TD>
    <TD width=30 bgColor=#7ccd7c height=30></TD>
    <TD>#7CCD7C</TD></TR>
  <TR>
    <TD width=30 bgColor=#7b68ee height=30></TD>
    <TD>#7B68EE</TD>
    <TD width=30 bgColor=#7ac5cd height=30></TD>
    <TD>#7AC5CD</TD>
    <TD width=30 bgColor=#7a8b8b height=30></TD>
    <TD>#7A8B8B</TD>
    <TD width=30 bgColor=#7a7a7a height=30></TD>
    <TD>#7A7A7A</TD></TR>
  <TR>
    <TD width=30 bgColor=#7a67ee height=30></TD>
    <TD>#7A67EE</TD>
    <TD width=30 bgColor=#7a378b height=30></TD>
    <TD>#7A378B</TD>
    <TD width=30 bgColor=#79cdcd height=30></TD>
    <TD>#79CDCD</TD>
    <TD width=30 bgColor=#787878 height=30></TD>
    <TD>#787878</TD></TR>
  <TR>
    <TD width=30 bgColor=#778899 height=30></TD>
    <TD>#778899</TD>
    <TD width=30 bgColor=#76eec6 height=30></TD>
    <TD>#76EEC6</TD>
    <TD width=30 bgColor=#76ee00 height=30></TD>
    <TD>#76EE00</TD>
    <TD width=30 bgColor=#757575 height=30></TD>
    <TD>#757575</TD></TR>
  <TR>
    <TD width=30 bgColor=#737373 height=30></TD>
    <TD>#737373</TD>
    <TD width=30 bgColor=#71c671 height=30></TD>
    <TD>#71C671</TD>
    <TD width=30 bgColor=#7171c6 height=30></TD>
    <TD>#7171C6</TD>
    <TD width=30 bgColor=#708090 height=30></TD>
    <TD>#708090</TD></TR>
  <TR>
    <TD width=30 bgColor=#707070 height=30></TD>
    <TD>#707070</TD>
    <TD width=30 bgColor=#6e8b3d height=30></TD>
    <TD>#6E8B3D</TD>
    <TD width=30 bgColor=#6e7b8b height=30></TD>
    <TD>#6E7B8B</TD>
    <TD width=30 bgColor=#6e6e6e height=30></TD>
    <TD>#6E6E6E</TD></TR>
  <TR>
    <TD width=30 bgColor=#6ca6cd height=30></TD>
    <TD>#6CA6CD</TD>
    <TD width=30 bgColor=#6c7b8b height=30></TD>
    <TD>#6C7B8B</TD>
    <TD width=30 bgColor=#6b8e23 height=30></TD>
    <TD>#6B8E23</TD>
    <TD width=30 bgColor=#6b6b6b height=30></TD>
    <TD>#6B6B6B</TD></TR>
  <TR>
    <TD width=30 bgColor=#6a5acd height=30></TD>
    <TD>#6A5ACD</TD>
    <TD width=30 bgColor=#698b69 height=30></TD>
    <TD>#698B69</TD>
    <TD width=30 bgColor=#698b22 height=30></TD>
    <TD>#698B22</TD>
    <TD width=30 bgColor=#696969 height=30></TD>
    <TD>#696969</TD></TR>
  <TR>
    <TD width=30 bgColor=#6959cd height=30></TD>
    <TD>#6959CD</TD>
    <TD width=30 bgColor=#68838b height=30></TD>
    <TD>#68838B</TD>
    <TD width=30 bgColor=#68228b height=30></TD>
    <TD>#68228B</TD>
    <TD width=30 bgColor=#66cdaa height=30></TD>
    <TD>#66CDAA</TD></TR>
  <TR>
    <TD width=30 bgColor=#66cd00 height=30></TD>
    <TD>#66CD00</TD>
    <TD width=30 bgColor=#668b8b height=30></TD>
    <TD>#668B8B</TD>
    <TD width=30 bgColor=#666666 height=30></TD>
    <TD>#666666</TD>
    <TD width=30 bgColor=#6495ed height=30></TD>
    <TD>#6495ED</TD></TR>
  <TR>
    <TD width=30 bgColor=#63b8ff height=30></TD>
    <TD>#63B8FF</TD>
    <TD width=30 bgColor=#636363 height=30></TD>
    <TD>#636363</TD>
    <TD width=30 bgColor=#616161 height=30></TD>
    <TD>#616161</TD>
    <TD width=30 bgColor=#607b8b height=30></TD>
    <TD>#607B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#5f9ea0 height=30></TD>
    <TD>#5F9EA0</TD>
    <TD width=30 bgColor=#5e5e5e height=30></TD>
    <TD>#5E5E5E</TD>
    <TD width=30 bgColor=#5d478b height=30></TD>
    <TD>#5D478B</TD>
    <TD width=30 bgColor=#5cacee height=30></TD>
    <TD>#5CACEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#5c5c5c height=30></TD>
    <TD>#5C5C5C</TD>
    <TD width=30 bgColor=#5b5b5b height=30></TD>
    <TD>#5B5B5B</TD>
    <TD width=30 bgColor=#595959 height=30></TD>
    <TD>#595959</TD>
    <TD width=30 bgColor=#575757 height=30></TD>
    <TD>#575757</TD></TR>
  <TR>
    <TD width=30 bgColor=#556b2f height=30></TD>
    <TD>#556B2F</TD>
    <TD width=30 bgColor=#555555 height=30></TD>
    <TD>#555555</TD>
    <TD width=30 bgColor=#551a8b height=30></TD>
    <TD>#551A8B</TD>
    <TD width=30 bgColor=#54ff9f height=30></TD>
    <TD>#54FF9F</TD></TR>
  <TR>
    <TD width=30 bgColor=#548b54 height=30></TD>
    <TD>#548B54</TD>
    <TD width=30 bgColor=#545454 height=30></TD>
    <TD>#545454</TD>
    <TD width=30 bgColor=#53868b height=30></TD>
    <TD>#53868B</TD>
    <TD width=30 bgColor=#528b8b height=30></TD>
    <TD>#528B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#525252 height=30></TD>
    <TD>#525252</TD>
    <TD width=30 bgColor=#515151 height=30></TD>
    <TD>#515151</TD>
    <TD width=30 bgColor=#4f94cd height=30></TD>
    <TD>#4F94CD</TD>
    <TD width=30 bgColor=#4f4f4f height=30></TD>
    <TD>#4F4F4F</TD></TR>
  <TR>
    <TD width=30 bgColor=#4eee94 height=30></TD>
    <TD>#4EEE94</TD>
    <TD width=30 bgColor=#4d4d4d height=30></TD>
    <TD>#4D4D4D</TD>
    <TD width=30 bgColor=#4b0082 height=30></TD>
    <TD>#4B0082</TD>
    <TD width=30 bgColor=#4a708b height=30></TD>
    <TD>#4A708B</TD></TR>
  <TR>
    <TD width=30 bgColor=#4a4a4a height=30></TD>
    <TD>#4A4A4A</TD>
    <TD width=30 bgColor=#48d1cc height=30></TD>
    <TD>#48D1CC</TD>
    <TD width=30 bgColor=#4876ff height=30></TD>
    <TD>#4876FF</TD>
    <TD width=30 bgColor=#483d8b height=30></TD>
    <TD>#483D8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#474747 height=30></TD>
    <TD>#474747</TD>
    <TD width=30 bgColor=#473c8b height=30></TD>
    <TD>#473C8B</TD>
    <TD width=30 bgColor=#4682b4 height=30></TD>
    <TD>#4682B4</TD>
    <TD width=30 bgColor=#458b74 height=30></TD>
    <TD>#458B74</TD></TR>
  <TR>
    <TD width=30 bgColor=#458b00 height=30></TD>
    <TD>#458B00</TD>
    <TD width=30 bgColor=#454545 height=30></TD>
    <TD>#454545</TD>
    <TD width=30 bgColor=#43cd80 height=30></TD>
    <TD>#43CD80</TD>
    <TD width=30 bgColor=#436eee height=30></TD>
    <TD>#436EEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#424242 height=30></TD>
    <TD>#424242</TD>
    <TD width=30 bgColor=#4169e1 height=30></TD>
    <TD>#4169E1</TD>
    <TD width=30 bgColor=#40e0d0 height=30></TD>
    <TD>#40E0D0</TD>
    <TD width=30 bgColor=#404040 height=30></TD>
    <TD>#404040</TD></TR>
  <TR>
    <TD width=30 bgColor=#3d3d3d height=30></TD>
    <TD>#3D3D3D</TD>
    <TD width=30 bgColor=#3cb371 height=30></TD>
    <TD>#3CB371</TD>
    <TD width=30 bgColor=#3b3b3b height=30></TD>
    <TD>#3B3B3B</TD>
    <TD width=30 bgColor=#3a5fcd height=30></TD>
    <TD>#3A5FCD</TD></TR>
  <TR>
    <TD width=30 bgColor=#388e8e height=30></TD>
    <TD>#388E8E</TD>
    <TD width=30 bgColor=#383838 height=30></TD>
    <TD>#383838</TD>
    <TD width=30 bgColor=#36648b height=30></TD>
    <TD>#36648B</TD>
    <TD width=30 bgColor=#363636 height=30></TD>
    <TD>#363636</TD></TR>
  <TR>
    <TD width=30 bgColor=#333333 height=30></TD>
    <TD>#333333</TD>
    <TD width=30 bgColor=#32cd32 height=30></TD>
    <TD>#32CD32</TD>
    <TD width=30 bgColor=#303030 height=30></TD>
    <TD>#303030</TD>
    <TD width=30 bgColor=#2f4f4f height=30></TD>
    <TD>#2F4F4F</TD></TR>
  <TR>
    <TD width=30 bgColor=#2e8b57 height=30></TD>
    <TD>#2E8B57</TD>
    <TD width=30 bgColor=#2e2e2e height=30></TD>
    <TD>#2E2E2E</TD>
    <TD width=30 bgColor=#2b2b2b height=30></TD>
    <TD>#2B2B2B</TD>
    <TD width=30 bgColor=#292929 height=30></TD>
    <TD>#292929</TD></TR>
  <TR>
    <TD width=30 bgColor=#282828 height=30></TD>
    <TD>#282828</TD>
    <TD width=30 bgColor=#27408b height=30></TD>
    <TD>#27408B</TD>
    <TD width=30 bgColor=#262626 height=30></TD>
    <TD>#262626</TD>
    <TD width=30 bgColor=#242424 height=30></TD>
    <TD>#242424</TD></TR>
  <TR>
    <TD width=30 bgColor=#228b22 height=30></TD>
    <TD>#228B22</TD>
    <TD width=30 bgColor=#218868 height=30></TD>
    <TD>#218868</TD>
    <TD width=30 bgColor=#212121 height=30></TD>
    <TD>#212121</TD>
    <TD width=30 bgColor=#20b2aa height=30></TD>
    <TD>#20B2AA</TD></TR>
  <TR>
    <TD width=30 bgColor=#1f1f1f height=30></TD>
    <TD>#1F1F1F</TD>
    <TD width=30 bgColor=#1e90ff height=30></TD>
    <TD>#1E90FF</TD>
    <TD width=30 bgColor=#1e1e1e height=30></TD>
    <TD>#1E1E1E</TD>
    <TD width=30 bgColor=#1c86ee height=30></TD>
    <TD>#1C86EE</TD></TR>
  <TR>
    <TD width=30 bgColor=#1c1c1c height=30></TD>
    <TD>#1C1C1C</TD>
    <TD width=30 bgColor=#1a1a1a height=30></TD>
    <TD>#1A1A1A</TD>
    <TD width=30 bgColor=#191970 height=30></TD>
    <TD>#191970</TD>
    <TD width=30 bgColor=#1874cd height=30></TD>
    <TD>#1874CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#171717 height=30></TD>
    <TD>#171717</TD>
    <TD width=30 bgColor=#141414 height=30></TD>
    <TD>#141414</TD>
    <TD width=30 bgColor=#121212 height=30></TD>
    <TD>#121212</TD>
    <TD width=30 bgColor=#104e8b height=30></TD>
    <TD>#104E8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#0f0f0f height=30></TD>
    <TD>#0F0F0F</TD>
    <TD width=30 bgColor=#0d0d0d height=30></TD>
    <TD>#0D0D0D</TD>
    <TD width=30 bgColor=#0a0a0a height=30></TD>
    <TD>#0A0A0A</TD>
    <TD width=30 bgColor=#080808 height=30></TD>
    <TD>#080808</TD></TR>
  <TR>
    <TD width=30 bgColor=#050505 height=30></TD>
    <TD>#050505</TD>
    <TD width=30 bgColor=#030303 height=30></TD>
    <TD>#030303</TD>
    <TD width=30 bgColor=#00ffff height=30></TD>
    <TD>#00FFFF</TD>
    <TD width=30 bgColor=#00ff7f height=30></TD>
    <TD>#00FF7F</TD></TR>
  <TR>
    <TD width=30 bgColor=#00ff00 height=30></TD>
    <TD>#00FF00</TD>
    <TD width=30 bgColor=#00fa9a height=30></TD>
    <TD>#00FA9A</TD>
    <TD width=30 bgColor=#00f5ff height=30></TD>
    <TD>#00F5FF</TD>
    <TD width=30 bgColor=#00eeee height=30></TD>
    <TD>#00EEEE</TD></TR>
  <TR>
    <TD width=30 bgColor=#00ee76 height=30></TD>
    <TD>#00EE76</TD>
    <TD width=30 bgColor=#00ee00 height=30></TD>
    <TD>#00EE00</TD>
    <TD width=30 bgColor=#00e5ee height=30></TD>
    <TD>#00E5EE</TD>
    <TD width=30 bgColor=#00ced1 height=30></TD>
    <TD>#00CED1</TD></TR>
  <TR>
    <TD width=30 bgColor=#00cdcd height=30></TD>
    <TD>#00CDCD</TD>
    <TD width=30 bgColor=#00cd66 height=30></TD>
    <TD>#00CD66</TD>
    <TD width=30 bgColor=#00cd00 height=30></TD>
    <TD>#00CD00</TD>
    <TD width=30 bgColor=#00c5cd height=30></TD>
    <TD>#00C5CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#00bfff height=30></TD>
    <TD>#00BFFF</TD>
    <TD width=30 bgColor=#00b2ee height=30></TD>
    <TD>#00B2EE</TD>
    <TD width=30 bgColor=#009acd height=30></TD>
    <TD>#009ACD</TD>
    <TD width=30 bgColor=#008b8b height=30></TD>
    <TD>#008B8B</TD></TR>
  <TR>
    <TD width=30 bgColor=#008b45 height=30></TD>
    <TD>#008B45</TD>
    <TD width=30 bgColor=#008b00 height=30></TD>
    <TD>#008B00</TD>
    <TD width=30 bgColor=#00868b height=30></TD>
    <TD>#00868B</TD>
    <TD width=30 bgColor=#00688b height=30></TD>
    <TD>#00688B</TD></TR>
  <TR>
    <TD width=30 bgColor=#006400 height=30></TD>
    <TD>#006400</TD>
    <TD width=30 bgColor=#0000ff height=30></TD>
    <TD>#0000FF</TD>
    <TD width=30 bgColor=#0000ee height=30></TD>
    <TD>#0000EE</TD>
    <TD width=30 bgColor=#0000cd height=30></TD>
    <TD>#0000CD</TD></TR>
  <TR>
    <TD width=30 bgColor=#0000aa height=30></TD>
    <TD>#0000AA</TD>
    <TD width=30 bgColor=#00008b height=30></TD>
    <TD>#00008B</TD>
    <TD width=30 bgColor=#000080 height=30></TD>
    <TD>#000080</TD>
    <TD width=30 bgColor=#000000 height=30></TD>
    <TD>#000000</TD></TR></TBODY></TABLE></FONT></CENTER></DIV>
<P align=center><IFRAME border=0 name=I1 align=middle 
src="img/color1.htm" frameBorder=0 width=760 scrolling=no 
height=954>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<P align=center><IFRAME border=0 name=I2 align=center 
src="img/color2.htm" frameBorder=0 width=641 scrolling=no 
height=573>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<P align=center><IFRAME border=0 name=I3 align=center 
src="img/color3.htm" frameBorder=0 width=960 scrolling=no 
height=4754>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<P align=center><IFRAME border=0 name=I4 align=center 
src="img/color4.htm" frameBorder=0 width=960 scrolling=no 
height=4930>
浏览器不支持嵌入式框架，或被配置为不显示嵌入式框架。</IFRAME></P>
<DIV align=center>　</DIV>
<DIV align=center>　</DIV></BODY>

js实现的网页颜色代码表全集

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
js form 验证函数 当前比较流行的错误提示
Jun 23 Javascript
javascript 无提示关闭窗口脚本
Aug 17 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
javascript常用对话框小集
Sep 13 Javascript
jQuery select表单提交省市区城市三级联动核心代码
Jun 09 Javascript
Json实现异步请求提交评论无需跳转其他页面
Oct 11 Javascript
关于网页中的无缝滚动的js代码
Jun 09 Javascript
Bootstrap实现带动画过渡的弹出框
Aug 09 Javascript
ionic实现底部分享功能
May 11 Javascript
荐书|您有一份JavaScript书单待签收
Jul 21 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
JTrackBar水平拖动效果
Jul 15 #Javascript
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 #Javascript
doctype后如何获得body.clientHeight的方法
Jul 11 #Javascript
建立良好体验度的Web注册系统ajax
Jul 09 #Javascript
HTML中事件触发列表与解说
Jul 09 #Javascript
建议大家看下JavaScript重要知识更新
Jul 08 #Javascript
Javascript 个人笔记（没有整理，很乱）
Jul 07 #Javascript
sortInts(1) Hudi(1) apply(1) Tkinter(4) 数据处理(2) WebSockets(3) GUI(2) feDisplacementMap(1) agg(1) Pool(1)
You might like
PHP的栏目导航程序
2006/10/09 PHP
一个简单的PHP投票程序源码
2007/03/11 PHP
java EJB 加密与解密原理的一个例子
2008/01/11 PHP
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
PHP读取、解析eml文件及生成网页的方法示例
2017/09/04 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
javascript 模拟点击广告
2010/01/02 Javascript
只需一行代码,轻松实现一个在线编辑器
2013/11/12 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
2014/03/20 Javascript
jQuery实现限制textarea文本框输入字符数量的方法
2015/05/28 Javascript
jQuery插件jquery-barcode实现条码打印的方法
2015/11/25 Javascript
JavaScript的removeChild()函数用法详解
2015/12/27 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
BootStrap注意事项小结（五）表单
2017/03/10 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
JavaScript实现HSL拾色器
2020/05/21 Javascript
Python中列表和元组的使用方法和区别详解
2020/12/30 Python
windows系统下Python环境搭建教程
2017/03/28 Python
python接口自动化如何封装获取常量的类
2019/12/24 Python
基于python实现地址和经纬度转换
2020/05/19 Python
详解pandas映射与数据转换
2021/01/22 Python
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
英国汽车和货车租赁网站：Hertz英国
2016/09/02 全球购物
英国排名第一的在线宠物用品商店：Monster Pet Supplies
2018/05/20 全球购物
澳大利亚手表品牌：Time IV Change
2018/10/06 全球购物
美国家居装饰店：Pier 1
2019/09/04 全球购物
大队干部竞选演讲稿
2014/04/28 职场文书
单位介绍信格式
2015/01/31 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
雄兵连：第三季先行图公开，天使恶魔联合，银河之力的新力量
2021/06/11 国漫
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android