對於剛開始學習製作網頁的人來說，往往不容易駕馭好網頁的顏色搭配。那麼就由小編帶來網頁程式設計顏色搭配的教程吧。
一個網頁最好不要超過三種顏色，但是這麼說是不準確的，這裡所謂的三種顏色指的是三種不同色相的顏色，色相也就是顏色的長相，是辨別顏色名稱的屬性，如黃色、橙色、藍色等。
下面來說說色彩搭配吧，其實分兩個步驟，第一步選色，第二步是分配顏色。
選色：
這是最基本的一步，當我們開始設計網頁的時候就應該要規劃好選取哪些顏色，顏色的選取不是無中生有的，而是根據網站的產品定位、風格、以及需要傳達出的理念等為基礎進行選取，而不是無中生有隨著自己的喜好來選取。
1、 公司色
在現在企業中，公司的CI形象顯得尤其重要，每一個公司的CI設計必然要有標準的顏色。比如新浪網的主色調是一種介於淺黃和深黃之間的顏色，同時形象宣傳、海報、廣告使用的顏色都和網站的顏色一致。
2、 風格色
許多網站使用顏色秉承的是公司的風格。比如海爾使用的顏色是一種中性的綠色，即充滿朝氣有不失自己的創新精神。女性網站使用粉紅色的較多，大公司使用藍色的較多……這些都是在突出自己的風格。
3、 習慣色
這些網站的顏色使用很大一部分是憑自己的個人愛好，以個人網站較多使用，比如自己喜歡紅色、紫色、黑色等，在做網站的.時候就傾向於這種顏色。每一個人都有自己喜歡的顏色，因此這種型別稱為習慣色。
分配顏色：
這是第二步，當你選好顏色之後就該考慮怎麼把他們分配到網頁的每個角落，分配顏色也是很講究的。有句話說的好叫紅配綠賽狗屁，其實這句話還是不準確的，如果在紅綠兩色之間加其他顏色(白色或者黑色)進行調和是可以搭配的很好看的，大家可以腦補一下聖誕節各大電商的banner。
回到正題，之前已經選好顏色，這個時候就考慮分配顏色，知道色彩基礎的都知道色彩分為主色、輔助色、點綴色這三個叫法(還可以分得更細，這裡就不細說了)。主色是能夠傳達出網站整體風格的顏色，面積最大，所以你之前在選色階段選取的幾個顏色中選一個作為主色，然後用在網頁中需求最多的地方，如banner的顏色，導航的背景色、文字標題的顏色等等，輔助色是比主色百分比略少的顏色，點綴色一般是飽和度較高的顏色，一般用在網頁中的強調內容或者突出的內容，如按鈕、連結等，三種顏色在整個網頁的比重大概是60%、30%、10%。