javascript 求救啊，关于32位颜色表

是这样的，我想用做张颜色表，用【｛行｝｛列｝｛灰度行｝】的方式显示其颜色值，颜色表我做出来了，但不知道（行与列）数据怎么提取啊

解决方案 »

  1.   

    这种的没玩过。
    RGB的倒是玩过，比如：
    var RGB = 0x881215;
    var R = RGB>>16;
    var G = RGB>>8&0xFF;
    var B = RGB&0xFF;
    alert('RGB:'+RGB.toString(16)+' R:'+R.toString(16)+' G:'+G.toString(16)+' B:'+B.toString(16));
    希望能帮到你。
      

  2.   

    我现在代码是这样，我想要文本框里显示的是【｛行｝｛列｝｛灰度行｝】
    <html>
    <head>
    <title>RGB颜色查询对照表</title><body>
    <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="infotable">
      <tr>
        <td align="left">　</td>
      </tr>
      <tr>
        <td align="center"><h2>RGB颜色查询对照表</h2></td>
      </tr>
      
      <tr>
        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="infotable">
            <tr>
              <td valign="top"><table cellspacing="0" cellpadding="0" border="0">
                  <tr>
                    <td valign="top" width="800" colspan="2"></td>
                  </tr>
                  <tr>
                    <td width="800" height="71%" colspan="2" align="middle" bgcolor="#FFFFF3"></td>
                  </tr>
                  <tr>
                    <td width="800" height="71%" colspan="2" align="middle" bgcolor="#FFFFF3"><p class="style2">
                        <script language="JavaScript" type="text/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','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');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 To32(n)
    { var h, l; n = Math.round(n);
    l = n % 32;

    return (hexch[l]);
    }
    function DoColor2(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 To32(r) + To32(g) + To32(b);
    }
    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;  SelColor.value = DoColor2(RGB.innerText, GRAY.innerText);
    }
    </script>
                        <script language="JavaScript" type="text/javascript" for="ColorTable" event="onclick">
      SelRGB = event.srcElement.bgColor;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="ColorTable" event="onmouseover">
      RGB.innerText = event.srcElement.bgColor;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="ColorTable" event="onmouseout">
      RGB.innerText = SelRGB;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="GrayTable" event="onclick">
      SelGRAY = event.srcElement.title;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="GrayTable" event="onmouseover">
      GRAY.innerText = event.srcElement.title;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="GrayTable" event="onmouseout">
      GRAY.innerText = SelGRAY;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="Ok" event="onclick">
      window.returnValue = SelColor.value;
      window.close();
    </script>
                      </p>
                      <!--[if IE]>
                        <table border="0" cellspacing="1" width="100%">
                          <tr>
                            <td width="100%"></td>
                          </tr>
                          <tr>
                            <td width="100%" align="center">色阶板</td>
                          </tr>
                        </table>
                <div align="center">
                          <center>
                            <table border="0" cellspacing="10" cellpadding="0">
                              <tr>
                                <td><table id="ColorTable" border="0" cellspacing="0" cellpadding="0" style='cursor:hand'>
                                    <script language="JavaScript" type="text/javascript">
    function wc(r, g, b, n)
    {
    r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15;
    g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15;
    b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15; document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' height=20 width=100></TD>');
    }var cnum = new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0);  for(i = 0; i < 16; i ++)
      {
         document.write('<TR>');
         for(j = 0; j < 30; j ++)
         {
          n1 = j % 5;
          n2 = Math.floor(j / 5) * 3;
          n3 = n2 + 3;      wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)),
          (cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)),
          (cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i);
         }     document.writeln('</TR>');
      }
      </script>
                                </table></td>
                                <td><table id="GrayTable" border="0" cellspacing="0" cellpadding="0" style='cursor:hand'>
                                    <script language="JavaScript" type="text/javascript">
      for(i = 255; i >= 0; i -= 8.5)
         document.write('<TR BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><TD TITLE=' + Math.floor(i * 16 / 17) + ' height=10 width=100></TD></TR>');
      </script>
                                </table></td>
                              </tr>
                            </table>
                          </center>
                  </div>
                  <div align="center">
                          <center>
                            <table border="0" cellspacing="10" cellpadding="0">
                              <tr>
                                <td rowspan="2" align="center">选中色彩 
                                    <table id="ShowColor" border="1" width="160" height="120" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td></td>
                                      </tr>
                                  </table></td>
                             <td rowspan="2">基色:  <span id="RGB"></span> <span style="font-size: 12pt"><font color="#666666"><br />
                                  亮度: <span id="GRAY">120</span><br />
                                  号位:
                                  <input name="TEXT" type="text" id="SelColor" size="7" />
                                </font></span></td>
                                
                              </tr>
                             
                            </table>
                          </center>
                  </div>
    <![endif]-->
                      <!--[if !IE]>-->
    <h3>因为兼容性问题，色阶板功能只能在IE浏览器中运行</h3>
    <!--<![endif]-->
                     </body>
    </html>
      

  3.   


    <html>
    <head>
    <title>RGB颜色查询对照表</title><body>
    <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="infotable">
      <tr>
        <td align="left">　</td>
      </tr>
      <tr>
        <td align="center"><h2>RGB颜色查询对照表</h2></td>
      </tr>
      
      <tr>
        <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="infotable">
            <tr>
              <td valign="top"><table cellspacing="0" cellpadding="0" border="0">
                  <tr>
                    <td valign="top" width="800" colspan="2"></td>
                  </tr>
                  <tr>
                    <td width="800" height="100%" colspan="2" align="middle" bgcolor="#FFFFF3"></td>
                  </tr>
                  <tr>
                    <td width="800" height="100%" colspan="2" align="middle" bgcolor="#FFFFF3"><p class="style2">
                        <script language="JavaScript" type="text/javascript">
    var SelRGB = '';
    var DrRGB = '';
    var Lb='';
    var SelGRAY = '120';
    var hexch = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');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;
    i=(240-GRAY.innerText)/8+1;SelColor.value = lb+hexch[i];}
    </script>
                        <script language="JavaScript" type="text/javascript" for="ColorTable" event="onclick">
      SelRGB = event.srcElement.bgColor;
    lb=event.srcElement.title;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="ColorTable" event="onmouseover">
      RGB.innerText = event.srcElement.bgColor;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="ColorTable" event="onmouseout">
      RGB.innerText = SelRGB;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="GrayTable" event="onclick">
      SelGRAY = event.srcElement.title;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="GrayTable" event="onmouseover">
      GRAY.innerText = event.srcElement.title;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="GrayTable" event="onmouseout">
      GRAY.innerText = SelGRAY;
      EndColor();
    </script>
                        <script language="JavaScript" type="text/javascript" for="Ok" event="onclick">
      window.returnValue = SelColor.value;
      window.close();
    </script>
                      </p>
                      <!--[if IE]>
                        <table border="0" cellspacing="1" width="100%">
                          <tr>
                            <td width="100%"></td>
                          </tr>
                          <tr>
                            <td width="100%" align="center">色阶板</td>
                          </tr>
                        </table>
                <div align="center">
                          <center>
                            <table border="0" cellspacing="10" cellpadding="0">
                              <tr>
                                <td><table id="ColorTable" border="0" cellspacing="0" cellpadding="0" style='cursor:hand'>
                                    <script language="JavaScript" type="text/javascript">
    function wc(r, g, b, n,z)
    {
    r = ((r * 16 + r) * 3 * (15 - n) + 0x80 * n) / 15;
    g = ((g * 16 + g) * 3 * (15 - n) + 0x80 * n) / 15;
    b = ((b * 16 + b) * 3 * (15 - n) + 0x80 * n) / 15;
    if(n>14)
    {
    document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) + ' TITLE=00 height=20 width=100>'+hexch[z+1]+'</TD>');
    }else
    {
    document.write('<TD BGCOLOR=#' + ToHex(r) + ToHex(g) + ToHex(b) +' TITLE='+hexch[z+1]+hexch[n+1]+' height=36 width=20></TD>');
    }
    }var cnum = new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0);  for(i = 0; i < 16; i ++)
      {
         document.write('<TR>');
    document.write('<Td>'+hexch[i+1]+'</td>');
         for(j = 0; j < 30; j ++)
         {
          n1 = j% 5;
          n2 = Math.floor(j/ 5) * 3;
          n3 = n2 + 3;      wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)),
          (cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)),
          (cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i,j);
        
    }     document.writeln('</TR>');
      }
      </script>
                                </table></td>
                                <td><table id="GrayTable" border="0" cellspacing="0" cellpadding="0" style='cursor:hand'>
                                    <script language="JavaScript" type="text/javascript">
    var p=0;
    for(i = 255; i >= 0; i -= 8.5)
    {
    p=p+1;document.write('<tr BGCOLOR=#' + ToHex(i) + ToHex(i) + ToHex(i) + '><td><font color="#FF0000">'+hexch[p]+'</td><td TITLE=' + Math.floor(i * 16 / 17) +' height=10 width=500></TD></TR>');
    }
      </script> 
                                </table></td>
                              </tr>
                            </table>
                          </center>
                  </div>
                  <div align="center">
                          <center>
                            <table border="0" cellspacing="10" cellpadding="0">
                              <tr>
                                <td rowspan="2" align="center">选中色彩 
                                    <table id="ShowColor" border="1" width="160" height="120" cellspacing="0" cellpadding="0">
                                      <tr>
                                        <td></td>
                                      </tr>
                                  </table></td>
                             <td rowspan="2">基色:  <span id="RGB"></span> <span style="font-size: 12pt"><font color="#666666"><br />
                                  亮度: <span id="GRAY">120</span><br />
                                  号位:
                                  <input name="TEXT" type="text" id="SelColor" size="7" />
                                </font></span></td>
                                
                              </tr>
                             
                            </table>
                          </center>
                  </div>
    <![endif]-->
                      <!--[if !IE]>-->
    <h3>因为兼容性问题，色阶板功能只能在IE浏览器中运行</h3>
    <!--<![endif]-->                 </body>
    </html>
    已解决，谢谢