用JavaScript脚本制作自己的色谱图

2008-02-23 07:44:00来源：互联网阅读 ()

　　网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此，在设计网页时常常需要设置网页背景或其它网页元素的颜色，而网页设计软件(如Dreamweaver)的调色板一般只有200多种色样供选择。如果你在设计网页时比较考究用色，可以使用JavaScript脚本制作自己的色谱，这将给你的设计工作带来很大的方便。

　　显示色谱图的HTML代码和JavaScript脚本如下：

<HTML> <HEAD> <TITLE>色谱图</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> </HEAD> <BODY BGCOLOR="#FFFFFF"> <CENTER> <h2>512色色谱图</h2> <SCRIPT LANGUAGE="JavaScript"> //定义数组对象 clr=new Array('00','20','40','60','80','a0','c0','ff'); //创建8个8行8列的表格 for (i=0;i<8;i ) { //创建表格，单元格内填充距8像素 document.write("<table border=1 cellpadding=8>"); for (j=0;j<8;j ) { document.write("<tr>"); for (k=0;k<8;k ) { //设置表格单元的背景颜色 document.write('<td bgcolor="#' clr[i] clr[j] clr[k] '">'); //设置文字颜色 document.write('<tt><font color="#' clr[7-i] clr[7-j] clr[7-k] '"> '); //显示16进制颜色值 document.write('#' clr[i] clr[j] clr[k] ' </font></tt></td>'); } document.write("</tr>"); } document.write("</table><br>"); } </SCRIPT> </CENTER> </BODY> </HTML>

[Ctrl A 全部选择提示：你可先修改部分代码，再按运行]

　　点击运行代码即可看到512色色谱图。色谱图由8个表格组成，每个表格为64种颜色。应用时，复制你在色谱图中选定的颜色上的16进制颜色值，粘贴到颜色代码框中即可。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有