恒基商务网络信息技术博客

制作自己的色谱图

来源：网页设计秀收集整理

转载请注明出处-中国设计秀-cnwebshow.com

　网站用色是网站建设必须认真考虑的重要问题。网站的色彩运用往往能够体现一个网站的特色和艺术风格

。因此，在设计网页时常常需要设置网页背景或其它网页元素的颜色，而网页设计软件(如dreamweaver)的

调色板一般只有200多种色样供选择。如果你在设计网页时比较考究用色，可以使用javascript脚本制作自

己的色谱，这将给你的设计工作带来很大的方便。

　　显示色谱图的html代码和javascript脚本如下：

html
head
title色谱图/title
meta http-equiv=content-type content=text/html charset=gb2312
/head
body bgcolor=#ffffff
center
h2512色色谱图/h2
script language=javascript
//定义数组对象
clr=new array('00','20','40','60','80','a0','c0','ff')
//创建8个8行8列的表格
for (i=0i8i++) {
/企业邮局/创建表格，单元格内填充距8像素
document.write(table border=1 cellpadding=8)
for (j=0j8j++) {
document.write(tr)
for (k=0k8k++) {
//设置表格单元的背景颜色
document.write('td bgcolor=#'+clr[i]+clr[j]+clr[k]+'')
//设置文字颜色
document.write('ttfont color=#'+clr[7-i]+clr[7-j]+clr[7-k]+' ')
//显示16进制颜色值
document.write('#'+c虚拟主机lr[i]+clr[j]+clr[k]+' /font/tt/td') }
document.write(/tr) }
document.write(/tablebr) }
/script
/center
/body
/html