首页
所有分类
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 相关文章推荐
Javascript的并行运算实现代码
Nov 19 Javascript
js获取select标签选中值的两种方式
Jan 09 Javascript
对之前写的jquery分页做下升级
Jun 19 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
Aug 12 Javascript
Bootstrap每天必学之滚动监听
Mar 16 Javascript
vue.js 表格分页ajax 异步加载数据
Oct 18 Javascript
详解vue.js组件化开发实践
Dec 14 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 13 Javascript
Angular5中调用第三方js插件的方法
Feb 26 Javascript
vue src动态加载请求获取图片的方法
Oct 17 Javascript
详解几十行代码实现一个vue的状态管理
Jan 28 Javascript
解决vue组件中click事件失效的问题
Nov 09 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
BufferPool(1) 复合索引(1) RTMP(1) 缓存机制(1) text-shadow(1) location(2) http_stub_status_module(1) zabbix(9) 逻辑函数(1) keeplive_timeout(1)
You might like
通过ICQ网关发送手机短信的PHP源程序
2006/10/09 PHP
基于数据库的在线人数，日访问量等统计
2006/10/09 PHP
PHP远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
php 设计模式之 工厂模式
2008/12/19 PHP
php字符串过滤与替换小结
2015/01/26 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
PHP框架Laravel插件Pagination实现自定义分页
2020/04/22 PHP
PHP实现基于图的深度优先遍历输出1,2,3...n的全排列功能
2017/11/10 PHP
thinkPHP5.0框架事务处理操作简单示例
2018/09/07 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
如何重写Laravel异常处理类详解
2020/12/20 PHP
PHP7 字符串处理机制修改
2021/03/09 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
Javascript中的数学函数集合
2007/05/08 Javascript
js 键盘记录实现(兼容FireFox和IE)
2010/02/07 Javascript
javascript与CSS复习(三)
2010/06/29 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
javascript中innerText和innerHTML属性用法实例分析
2015/05/13 Javascript
avalon js实现仿google plus图片多张拖动排序附源码下载
2015/09/24 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
2016/02/28 Javascript
简单实现JS倒计时效果
2016/12/23 Javascript
vue实现留言板todolist功能
2017/08/16 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
jQuery中each遍历的三种方法实例分析
2018/09/07 jQuery
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
[04:03]辉夜杯主赛事 12月25日RECAP精彩回顾
2015/12/26 DOTA
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
django使用图片延时加载引起后台404错误
2017/04/18 Python
简单实现Python爬取网络图片
2018/04/01 Python
python之pexpect实现自动交互的例子
2019/07/25 Python
任意一块网页内容实现“活”的背景（目前火狐浏览器专有）
2014/05/07 HTML / CSS
里程积分管理买卖交换平台：Points.com
2017/01/13 全球购物
英国DIY汽车维修配件网站：DIY Car Service Parts
2019/08/30 全球购物
2014年学生资助工作总结
2014/12/18 职场文书