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

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

Posted in Javascript onJuly 17, 2007

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

<SCRIPT language=JavaScript>
var SelRGB = '';
var DrRGB = '';
var SelGRAY = '120';

var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');

function ToHex(n)
{    var h, l;

    n = Math.round(n);
    l = n % 16;
    h = Math.floor((n / 16)) % 16;
    return (hexch[h] + hexch[l]);
}

function DoColor(c, l)
{ var r, g, b;

  r = '0x' + c.substring(1, 3);
  g = '0x' + c.substring(3, 5);
  b = '0x' + c.substring(5, 7);

  if(l > 120)
  {
    l = l - 120;

    r = (r * (120 - l) + 255 * l) / 120;
    g = (g * (120 - l) + 255 * l) / 120;
    b = (b * (120 - l) + 255 * l) / 120;
  }else
  {
    r = (r * l) / 120;
    g = (g * l) / 120;
    b = (b * l) / 120;
  }

  return '#' + ToHex(r) + ToHex(g) + ToHex(b);
}

function EndColor()
{ var i;

  if(DrRGB != SelRGB)
  {
    DrRGB = SelRGB;
    for(i = 0; i <= 30; i ++)
      GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8);
  }

  SelColor.value = DoColor(RGB.innerText, GRAY.innerText);
  ShowColor.bgColor = SelColor.value;
}
</SCRIPT>

<SCRIPT language=JavaScript event=onclick for=ColorTable>
  SelRGB = event.srcElement.bgColor;
  EndColor();
</SCRIPT>

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

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

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

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

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

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

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

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

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

</SCRIPT>

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

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

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

Javascript 相关文章推荐
js 代码优化点滴记录
Feb 19 Javascript
Jquery提交表单 Form.js官方插件介绍
Mar 01 Javascript
前端设计师们最常用的JS代码汇总
Sep 25 Javascript
js学习总结之dom2级事件基础知识详解
Jul 27 Javascript
jquery easyui如何实现格式化列
Jul 30 jQuery
AngularJS日程表案例详解
Aug 15 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
jQuery+PHP实现上传裁剪图片
Jun 29 jQuery
Vue.js 使用v-cloak后仍显示变量的解决方法
Nov 19 Javascript
微信JS-SDK实现微信会员卡功能(给用户微信卡包里发送会员卡)
Jul 25 Javascript
vue实现拖拽的简单案例 不超出可视区域
Jul 25 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
Jan 20 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
德生9700DX(1) PHILIPS(3) L4X25T(1) 德劲1103(3) 飞利浦(2) 德生PL330(2) ICF-SW7600GR(1) D1875(1) ICF-SW55(1) D1835(1)
You might like
全国FM电台频率大全 - 25 云南省
2020/03/11 无线电
php实现图片转换成ASCII码的方法
2015/04/03 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
PHP实现基于PDO扩展连接PostgreSQL对象关系数据库示例
2018/03/31 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
jQuery实现的可编辑表格完整实例
2016/06/20 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
微信小程序 页面跳转传参详解
2016/10/28 Javascript
javascript工厂模式和构造函数模式创建对象方法解析
2016/12/30 Javascript
node.js（express）中使用Jcrop进行图片剪切上传功能
2017/04/21 Javascript
jquery获取元素到屏幕四周可视距离的方法
2018/09/05 jQuery
Vue2.x中利用@font-size引入字体图标报错的解决方法
2018/09/28 Javascript
JavaScript缺少insertAfter解决方案
2020/07/03 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
node使用async_hooks模块进行请求追踪
2021/01/28 Javascript
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
Python爬虫包BeautifulSoup学习实例（五）
2018/06/17 Python
pygame实现俄罗斯方块游戏（基础篇2）
2019/10/29 Python
最新PyCharm 2020.2.3永久激活码(亲测有效)
2020/11/26 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
BIBLOO捷克：购买女装、男装、童装、鞋和配件
2017/01/27 全球购物
学雷锋志愿者活动方案
2014/08/21 职场文书
2014机关党员干部“正风肃纪”思想汇报
2014/09/15 职场文书
软件研发工程师岗位职责
2014/09/30 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
罚站检讨书
2015/01/29 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
二年级数学教学反思
2016/02/16 职场文书
Html5调用企业微信的实现
2021/04/16 HTML / CSS
MySQL Router的安装部署
2021/04/24 MySQL
JavaScript声明变量和数据类型的转换
2022/04/12 Javascript