一個網站的構成大概就是色彩、圖片、文字如何讓這幾個模組互相搭配起來，是網頁設計師必須經歷的過程。色彩的具有生命力的，它可表現出任何一個想要表達的事物。色彩運用是一門非常深奧的學問，他在設計中的位置是非常重要的，一個好的作品色彩在三要素裏面佔有極高的百分比，因為當我們次看到一個網頁的時候，視覺都是顏色的運用給人留下的印象，之後才是圖片和文字。所以如何更好的把顏色有效的運用到網頁設計中是值得設計師認真思考的事情。
先從四個方面説一下關於色彩搭配的問題：
原色搭配（Triad），也叫三分色搭配，三色搭配主要是紅、黃、藍三種顏色。除了在一些兒童產品中，這三種顏色是比較常見的，但是裏面的紅色和黃色，卻是很多作品中經常看到的，在文化中，紅色和黃色是代表着喜慶的顏色，這兩種顏色的搭配是我們隨時可見的。
類似色搭配（Analogic），從字面的意思中就可以瞭解到，是相似顏色的搭配。是一個主色搭配在他兩旁等距離的連個顏色，類似色都有共同的顏色，（下邊以黃色為例），這種顏色搭配起來會給人一種非常悦目的感覺，而且對比度也非常低，有一種和諧的美感。
單色搭配（Monochromatic），這個主要是以單一的顏色為主色調的，舉個例子下邊的網站是一個以紫色為網站的基礎色調，網站的層次完全是依靠網站的飽和度、亮度的變化來進行區分的。因為是同一個色系而產生的。所以這種配色可以調出比較舒適的色彩感受。
補色搭配（Complementary），這中顏色搭配是根絕色輪上直線相對的兩種顏色被稱作互補，在下圖蟲，是紅色與綠色形成的對比效果，這兩種顏色給人的視覺具有一定的衝擊力，可以傳達出非常具有活力、能力、興奮等。補色之間如果能到理想的效果，不要一半一半的進行色彩劃分，知名是一種顏色是為主，另一種顏色為輔，面積差距要比較大一些，才會有一定的效果。
分裂補色（Accented Analogic）互補類似色配色，以三種類似的顏色為基礎，再加上色環對面的一個對不色溝通一種既不失優雅又能起到強調作用的配色方法。這種顏色搭配既有類似色的低調對比的美感，又具有補色的力量感，形成了和諧美但有能突出重點的色彩關係。