教程集 > 脚本编程 > javascript > 正文 js调色板工具

js调色板工具

发布时间：2023-06-23 编辑：jiaochengji.com

教程集为您提供js调色板工具等资源，欢迎您收藏本站，我们将为您提供最新的js调色板工具资源

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">  <html><head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <title>调色板工具</title>  </head>  <style>TD {FONT-SIZE: 12px}</style>  <body bgcolor=ECE9D8>    <script language=JavaScript>  var SelRGB = '#000000';  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 for=ColorTable event=onclick>    SelRGB = event.srcElement.bgColor;    EndColor();  </script>    <script language=JavaScript for=ColorTable event=onmouseover>    RGB.innerText = event.srcElement.bgColor.toUpperCase();    EndColor();  </script>    <script language=JavaScript for=ColorTable event=onmouseout>    RGB.innerText = SelRGB;    EndColor();  </script>    <script language=JavaScript for=GrayTable event=onclick>    SelGRAY = event.srcElement.title;    EndColor();  </script>    <script language=JavaScript for=GrayTable event=onmouseover>    GRAY.innerText = event.srcElement.title;    EndColor();  </script>    <script language=JavaScript for=GrayTable event=onmouseout>    GRAY.innerText = SelGRAY;    EndColor();  </script>  <script language=JavaScript for=Ok event=onclick>    window.returnValue = SelColor.value;    window.close();  </script>  <table border="0" cellspacing="10" cellpadding="0"><tr><td>  <table id=ColorTable border=0 cellspacing=0 cellpadding=0 style='cursor:pointer'>  <script language=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=8 width=8></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>    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=4 width=20></TD></TR>');  </script>  </table>  </td></tr>  </table>    <table border="0" cellspacing="10" cellpadding="0" width="100%">  <tr><td rowspan="2" align="center" width=70>  <table id=ShowColor bgcolor="#000000" border="1" width="50" height="40" cellspacing="0" cellpadding="0">  <tr><td></td></tr>  </table>  </td>  <td rowspan="2">基色：<span id=RGB>#000000</span><br>  亮度：<span id=GRAY>120</span><br>  代码：<input type=TEXT size=6 id=SelColor value="#000000"></td>  <td width=50><button id=Ok type=submit>确定</button></td></tr>  <tr><td width=50><button onclick=window.close();>关闭</button></td></tr>  </table>    </body>     </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Illustrator调渐变颜色方法分享
 Illustrator打开关闭浮动面板方法分享
 Illustrator制作彩色半调特效图片多种方法详解分享
 photoshop通道混合器调色使用教程详解
 Illustrator实时描摹工具解析分享
 photoshop调出电影色调照片后期教程
 Illustrator鼠绘堆雪人的孩童矢量插画教程
 photoshop常用抠图工具使用经验技巧分享
 Illustrator绘制逼真质感的红绸缎教程
 PS中常用的快捷键汇总介绍

上一篇：js查找替换

[关闭]

js调色板工具

最近更新

浏览排行