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

王朝html/css/js·作者佚名  2006-05-27
窄屏简体版  字體: |||超大  

网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格。因此,在设计网页时常常需要设置网页背景或其它网页元素的颜色,而网页设计软件(如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>

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

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有  導航