顏色的魅力是無限的，它能夠讓自身很平淡無味的東西，霎時就能變得漂亮、美麗起來。信息時期的快速到來，網絡也開端變的多姿多彩。人們不再局限于簡單的文字與圖片，他們請求網頁看上去漂亮，溫馨。所以當代設計者不只要控制根本的網站的設計技術，還需求控制網站的作風，配色等設計藝術。其中顏色在網站設計中占領相當重要的位置。

一、認識顏色

為了能更好地應用顏色來設計網頁，我們還是先來理解一下顏色的一些根本概念。自然界中有好多好多種顏色，比方玫瑰是紅色的，大海是藍色的，桔子是橙色的……但是更根本的有三種（紅，黃，藍），其它的顏色都能夠由這三種顏色調和而成。我們稱這三種顏色為“三原色”。

理想生活中的顏色能夠分為彩色和非彩色。其中黑白灰屬于非彩色系列。其它的顏色都屬于彩色。任何一種彩色具備三個特征：色相，明度和純度。其中非彩色只要明度屬性。

色相，指的是顏色的稱號。這是顏色更根本的特征，是一種顏色區別于另一種顏色的更主要的要素。比方說紫色，綠色，黃色等等都代表了不同的色相。同一色相的顏色，調整一下亮度，或者純度很容易搭配，比方，深綠，暗綠，草綠，亮綠。

明度，也叫亮度，指的是顏色的明暗水平，明度越大，顏色越亮。比方一些購物，兒童類網站。用的是一些鮮亮的顏色，讓人覺得絢麗多姿，生氣勃勃。明度越低，顏色越暗。主要用于一些游戲類網站，充溢神秘感；一些個人站長為了表現本身的個性，也能夠運用一些暗色彩來表達個人的一些孤僻，或者憂傷等性格。有明度差的顏色更容易調和。如紫色（#993399）跟黃色（#ffff00），暗紅（#cc3300）跟草綠（#99cc00），暗藍（#0066cc）跟橙色（#ff9933）等。

純度，指顏色的鮮艷水平，純度高的顏色純，鮮亮。純度底的顏色暗淡，含灰色。

相近色：色環中相鄰的三種顏色。相近色的搭配給人的視覺效果很溫馨，很自然。所以相近色在網站設計中極為常用。

互補色，色環中相對的兩種顏色。對互補色，調整一下補色的亮度，有時分是一種很好的搭配。

暖色，暖色跟黑色彩和能夠到達很好的效果。暖色普通應用于購物類網站，電子商務網站，兒童類網站等等，用以表現商品的美不勝收，兒童類網站的生動，溫馨等等效果。

冷色，冷色普通跟白色彩和能夠到達一種很好的效果。冷色普通應用于一些高科技，游戲類網站，主要表達嚴肅，穩健等效果，綠色，藍色，藍紫色等等都屬于冷色系列。

顏色平衡，網站讓人看上去溫馨，諧和，除了文字，圖片等內容的合理排版，顏色的平衡也是相當重要的一個局部。比方一個網站不可能單一的運用一種顏色，所以顏色的平衡問題是設計者必需要思索的問題。顏色的平衡，包括顏色的位置，每種顏色所占的比例，面積等等。比方鮮艷亮堂的顏色面積應小一點，讓人覺得溫馨，不扎眼。這就是一種平衡的顏色搭配。

二、顏色的作用

顏色在人們的生活中都是有豐厚的感情和含義的。比方紅色讓人聯想到玫瑰，聯想到喜慶，聯想到興奮。白色聯想到純真，潔凈，簡約；紫色意味著女性化，高雅，浪漫；藍色意味高科技，穩健，明智；橙色代表了愉快，甜美，收獲；綠色代表了充溢青春的生機，溫馨，希望等等。當然不是說某種顏色一定代表了什么含義。在特定的場所下，同種顏色能夠代表不同的含義。

三、顏色的運用

要說顏色的運用，還是先談談黑白灰顏色的應用吧，由于黑白灰顏色是萬能色，能夠跟恣意一種顏色搭配。當你為某種顏色的搭配苦惱的時分，不防試試用黑白灰。當你覺得兩種顏色的搭配不諧和，試試參加黑色，或者灰色，或許會有意想不到的效果哦。

對一些明度較高的網站，配以黑色，能夠恰當地降低其明度。　　白色是網站用的更普遍的一種顏色。很多網站以至留出大塊的白色空間，作為網站的一個組成局部。這就是留白藝術。很多設計性網站較多運用留白藝術。留白，給人一個遙想的空間，讓人覺得心情溫馨，暢快。恰當的留白關于諧和頁面的平衡起到相當大的作用。

四、肯定網站的主題色

一個網站不可能單一的運用一種顏色，讓人覺得單調，乏味；但是也不可能將一切的顏色都運用到網站中，讓人覺得莊重，花俏。一個網站必需有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調，乏味。所以肯定網站的主題色也是設計者必需思索的問題之一。

一個頁面盡量不要超越4種顏色，用太多的顏色讓人沒有方向，沒有偏重。當主題色肯定好以后，思索其它配色時，一定要思索其它配色與主題色的關系，要表現什么樣的效果。另外哪種要素占主要位置，是明度，純度還是色相。

五、顏色的搭配

在學習理解了顏色的一些根本概念及顏色的一些搭配問題，詳細運用到網頁中，各要素的顏色又是如何搭配的呢？

1、網頁標題

網頁標題是網站的指路燈，閱讀者要在網頁間跳轉，要理解網站的構造，網站的內容，都必需經過導航或者頁面中的一些小標題。所以我們能夠運用略微具有騰躍性的顏色，吸收閱讀者的視野，讓他們覺得網站明晰，明了，層次清楚。想往哪里走都不會迷失方向。

2、網頁鏈接

一個網站不可能只是單一的一頁，所以文字與圖片的鏈接是網站中不可短少的一局部。這里特別指出文字的鏈接，由于鏈接區別于文字，所以鏈接的顏色不能跟文字的顏色一樣。現代人的生活節拍相當快，不可能糜費太多的時間在尋覓你網站的鏈接上。設置了共同的鏈接顏色，讓人覺得他的共同性，自但是然獵奇心必然趨使他挪動鼠標，點擊鼠標。

3、網頁文字

假如一個網站用了背景顏色，必需要思索到背景顏色的用色，與前景文字的搭配等問題。普通的網站偏重的是文字，所以背景能夠選擇純度或者明度較低的顏色，文字用較為突出的亮色。讓人了如指掌。

當然，有些網站為了讓閱讀者對網站留有深入的印象，他在背景上作文章。比方一個空白頁的某一個局部用了很亮的一個大色塊，是不是讓你恍然大悟呢！此時他為了吸收閱讀者的視野，突出的是背景，所以文字就要顯得暗一些，這樣文字才干跟背景別離開來，便于閱讀者閱讀文字。

4、網頁標志

網頁標志是宣傳網站更重要的局部之一，所以這兩個局部一定要在頁面上突迎而出。怎樣做到這一點呢？我們將LOGO和BANNER做的鮮亮一些，也就是顏色方面跟網頁的主題色別離開來。有時分為了更突出，也能夠運用與主題色相反的顏色。

為了能讓本人的網頁設計得更靚麗、更溫馨，為了加強你的頁面的可閱讀性，必需合理，恰當地運用與搭配頁面各要素間的顏色。