用JavaScript指令碼製作自己的色彩頻譜圖

來源:互聯網
上載者:User
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進位顏色值,粘貼到顏色代碼框中即可。


 



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。