当前页面: 开发资料首页 → Javascript 专题 → 用JavaScript脚本制作自己的色谱图
用JavaScript脚本制作自己的色谱图
摘要: 用JavaScript脚本制作自己的色谱图
网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此，在设计网页时常常需要设置网页背景或其它网页元素的颜色，而网页设计软件(如Dreamweaver)的调色板一般只有200多种色样供选择。如果你在设计网页时比较考究用色，可以使用JavaScript脚本制作自己的色谱，这将给你的设计工作带来很大的方便。
显示色谱图的HTML代码和JavaScript脚本如下：
<table width="75%" border="1"><tr><td bgcolor="#ffffcc">
<head>
</head>
<body BGCOLOR="#FFFFFF">
512色色谱图
<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(' ');
//显示16进制颜色值
document.write('#'+clr[i]+clr[j]+clr[k]+' </td>'); }
document.write("</tr>"); }
document.write("</table>
"); }
</script>
</body>
</td></tr></table>
点击这里即可看到512色色谱图。色谱图由8个表格组成，每个表格为64种颜色。应用时，复制你在色谱图中选定的颜色上的16进制颜色值，粘贴到颜色代码框中即可。