色彩做為的第一視覺語言在任何設計中都占據重要地位，網頁制作必須深入理解和運用色彩，掌握進行色彩選擇和匹配的原則和方法。
　　一、 色彩的一些基本概念
　　首先了解一下色彩的一些基本概念。自然界中有好多好多種色彩，比如玫瑰是紅色的，大海是藍色的，桔子是橙色的……但是最基本的有三種（紅，黃，藍），其它的色彩都可以由這三種色彩調和而成。我們稱這三種色彩為“三原色”。
　　現實生活中的色彩可以分為彩色和非彩色。其中黑白灰屬于非彩色系列。其它的色彩都屬于彩色。任何一種彩色具備三個特征：色相，明度和純度。其中非彩色只有明度屬性。
色相，指的是色彩的名稱。
　　這是色彩最基本的特征，是一種色彩區別于另一種色彩的最主要的因素。比如說紫色，綠色，黃色等等都代表了不同的色相。同一色相的色彩，調整一下亮度，或者純度很容易搭配，比如，深綠，暗綠，草綠，亮綠。
明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。
比如一些購物，兒童類網站。用的是一些鮮亮的顏色，讓人感覺絢麗多姿，生氣勃勃。明度越低，顏色越暗。主要用于一些游戲類網站，充滿神秘感；一些個人站長為了體現自身的個性，也可以運用一些暗色調來表達個人的一些孤僻，或者憂郁等性格。有明度差的色彩更容易調和。如紫色（#993399）跟黃色（#ffff00），暗紅（#cc3300）跟草綠（#99cc00），暗藍（#0066cc）跟橙色（#ff9933）等。圖1中的（1）就是明度由高到低變化的例子。
圖1　（1）明度變化（2）純度變化
純度，指色彩的鮮艷程度，純度高的色彩純，鮮亮。純度底的色彩暗淡，含灰色。如圖1中的（2）是純度從低到高的變化。
相近色：色環中相鄰的三種顏色。如圖2中的黃綠色，黃色和桔黃色。相近色的搭配給人的視覺效果很舒適，很自然。所以相近色在網站設計中極為常用。

　　
　　圖2　相近色

　　

　　圖3　互補色

　　

　　互補色，色環中相對的兩種色彩。如圖3中的亮綠色跟紫色，另外如紅色跟綠色，藍色和橙色等。對互補色，調整一下補色的亮度，有時候是一種很好的搭配。就拿藍色跟橙色來打個比方吧，看圖6，調整了藍色的亮度以后其搭配效果是不是更好呢？補色在網站設計中用得也極為普遍。

　　

　　圖4　補色亮度調節
　　暖色，如圖5中的黃色，橙色，紅色，紫色等都屬于暖色系列。暖色跟黑色調和可以達到很好的效果。暖色一般應用于購物類網站，電子商務網站，兒童類網站等等，用以體現商品的琳瑯滿目，兒童類網站的活潑，溫馨等等效果。
　　冷色，如圖6中的綠色，藍色，藍紫色等等都屬于冷色系列。冷色一般跟白色調和可以達到一種很好的效果。冷色一般應用于一些高科技，游戲類網站，主要表達嚴肅，穩重等效果。
圖5　暖色

　　

　　圖6　冷色