首頁 > 開發者 > JavaScript
網站用色是網站建設必須認真考慮的重要問題。網站的色彩運用往往能夠體現一個網站的特色和藝術風格。因此，在設計網頁時常常需要設定網頁背景或其它網頁元素的顏色，而網頁設計軟體(如Dreamweaver)的調色盤一般只有200多種色樣供選擇。如果你在設計網頁時比較考究用色，可以使用JavaScript指令碼製作自己的色彩頻譜，這將給你的設計工作帶來很大的方便。
網站用色是網站建設必須認真考慮的重要問題。網站的色彩運用往往能夠體現一個網站的特色和藝術風格。因此，在設計網頁時常常需要設定網頁背景或其它網頁元素的顏色，而網頁設計軟體(如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進位顏色值，粘貼到顏色代碼框中即可。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
