首页
所有分类
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 相关文章推荐
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
jquery的ajax简单结构示例代码
Feb 17 Javascript
jquery插件star-rating.js实现星级评分特效
Apr 15 Javascript
使用AngularJS对路由进行安全性处理的方法
Jun 18 Javascript
原生JS实现在线问卷调查投票特效
Jan 03 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 Javascript
p5.js实现简单货车运动动画
Oct 23 Javascript
Vue-cli3多页面配置详解
Mar 22 Javascript
Typescript类型系统FLOW静态检查基本规范
May 25 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
http(6) Telnet(1) 动静分离(1) 负载均衡(6) https(7) 防盗链(1) shell(3) 反向代理(2) 生成缩略图(1) reload(1)
You might like
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
PHP 文件系统详解
2012/09/13 PHP
如何取得中文字符串中出现次数最多的子串
2013/08/08 PHP
去除php注释和去除空格函数分享
2014/03/13 PHP
yii操作session实例简介
2014/07/31 PHP
php 一维数组的循环遍历实现代码
2017/04/10 PHP
php微信公众号开发之欢迎老朋友
2018/10/20 PHP
复制本贴标题和地址的js代码
2008/07/01 Javascript
javascript 写类方式之七
2009/07/05 Javascript
js过滤数组重复元素的方法
2010/09/05 Javascript
深入理解Javascript闭包 新手版
2010/12/28 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
2016/01/13 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
AngularJS入门教程之过滤器用法示例
2016/11/02 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
详解在express站点中使用ejs模板引擎
2017/09/21 Javascript
关于Vue在ie10下空白页的debug小结
2018/05/02 Javascript
如何在JavaScript中优雅的提取循环内数据详解
2019/03/04 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
Python+树莓派+YOLO打造一款人工智能照相机
2018/01/02 Python
Python使用matplotlib的pie函数绘制饼状图功能示例
2018/01/08 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
使用keras实现非线性回归(两种加激活函数的方式)
2020/07/05 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
python实现在列表中查找某个元素的下标示例
2020/11/16 Python
sklearn中的交叉验证的实现(Cross-Validation)
2021/02/22 Python
英国定做窗帘和纺织品面料一站式商店：Dekoria
2018/08/29 全球购物
护理专业本科生自荐信
2013/10/01 职场文书
英文版销售经理个人求职信
2013/11/20 职场文书
2014年预备党员学习两会心得体会
2014/03/17 职场文书
小学社会实践活动总结
2014/07/03 职场文书
MySQL表的增删改查基础教程
2021/04/07 MySQL
MySQL限制查询和数据排序介绍
2022/03/25 MySQL