512色色谱图

原创于 2009-05-21 14:48:00 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #border #table #c

js 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个使用JavaScript生成512种不同颜色的色谱图的方法。该方法通过定义一个包含特定颜色值的数组，并利用这些颜色值创建了多个表格来展示不同的颜色组合。每个单元格不仅展示了其背景颜色，还显示了对应的颜色值。

<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>