顏色的使用在網頁製作中起著非常關鍵的作用，有很多**以其成功的色彩搭配令人過目不忘。但是對於剛開始學習製作網頁的人來說，往往不容易駕馭好網頁的顏色搭配。除了學習各種色彩理論和方法之外，筆者認為多學習一些著名**的用色方法，對於我們製作美麗的網頁可以起到事半功倍的作用。所以，筆者總結了一些著名**的顏色搭配方法，這些方法可以讓我們的學習少走彎路，快速提高我們的網頁製作水平。
一、網頁顏色原理和象徵意義
我們所有網頁上顏色，在html下看到的是以顏色英文單詞或者十六進製制的表示方法（如#000000表示為黑色）。不同的顏色有著不同的含義，給人各種豐富的感覺和聯想。
紅色：熱情、奔放、喜悅、莊嚴
黃色：高貴、富有、燦爛、活潑
黑色：嚴肅、夜晚、沉著
白色：純潔、簡單、潔淨
藍色：天空、清爽、科技
綠色：植物、生命、生機
灰色：莊重、沉穩
紫色：浪漫、富貴
棕色：大地、厚朴
二、網頁顏色的使用風格
許多**使用顏色秉承的是公司的風格。比如海爾使用的顏色是一種中性的綠色，即充滿朝氣有不失自己的創新精神。女性**使用粉紅色的較多，大公司使用藍色的較多……這些都是在突出自己的風格。
3、 習慣色
這些**的顏色使用很大一部分是憑自己的個人愛好，以個人**較多使用，比如自己喜歡紅色、紫色、黑色等，在做**的時候就傾向於這種顏色。每乙個人都有自己喜歡的顏色，因此這種型別稱為習慣色。
三、設計用色十例
1）這是個大型的nba**。通常我們經常看到的此類**以白色為背景，但是這個**卻用灰黑色rgb為（48，48，48/#333333）（以下顏色都用rgb表示），文章標題用色為rgb為（203，201，153/#cccc99），選單使用的rgb為（112，119，112/#707770）。這樣的配色可以顯示獨特的個性，又不失大型**的風采。如圖1
圖1
2）下面是乙個娛樂類的綜合性**ugo，他的配色方案是背景色為黑色rgb為（0，0，0）中巢狀rgb（0，0，82），字型白色rgb（255,255,255）,選單為rgb（77,114,159）。這樣的雖以黑藍為主色調，但是配以漂亮的，給人的感覺是生機盎然，充滿了互動色彩和青春氣息。如圖2。
圖2
3）下面的這個**是大名鼎鼎的微軟公司**，微軟不僅軟體做的好，連網頁製作也是世界一流。他的每乙個網頁都是製作的樣板。從網頁我們就可以看出微軟公司的風格、作風，以及雄厚的實力。背景顏色使用藍色rgb為（0，151，254），選單為黑色rgb（0，0，11），選單為灰色rgb（200，200，200），字型為黑色rgb（0，0，0），如圖3。
圖3 4)現在介紹的**相對簡單，但是她的用色也別具匠心，現在我們來看一看，整體上使用的是白色rgb（255，255，255），輔助色為rgb（79，88，95），選單色為rgb（48，64，64）和rgb（0，81，111）字型使用的是rgb（83，86，91）。雖然簡單，但顏色搭配非常的科學合理。如圖4
圖4
5）下面的**採用黃色調為主，很體現公司的個性，現在我們就來看一看她的顏色搭配。主色調為黃色rgb為（255，199，48/#ffc730），輔助色調為rgb（49，102，46）字型為棕色rgb（153，103，0），中間再配以抽象的，顯得個性十足但又不單調。如圖5
圖5
6）橘紅色如果運用得當的話是一種非常使用於網頁上的顏色。下面的這個**就是乙個非常著名的例子。他的主色調為rgb（255，151，0）輔助色調為rgb（255，103，4），選單rgb為（252，200，0）。字型使用黑色rgb為（0，0，0）。此種配色顯得主人較為前衛，色彩熱烈，給人的震懾力較強。如圖6
圖6 7）鮮紅色也是一種震撼感很強的顏色，如果搭配不當，也可能使**沒有風格和特點。下面的這個**就是使用紅色比較好的**。我們來看看他的顏色搭配。他使用的主色調是rgb（200，9，0），配以抽象的圖形，文字使用的是rgb（213，229，167）顯得美觀而不失獨特，大氣而不逼人。如圖7
圖7
8）下面介紹的這種色調是我們製作網頁的時候不會經常用到的顏色，如果使用到你的網頁中，肯定會給人耳目一新的感覺。他的主色調為rgb（144，151，97）輔助色調為rgb（173，168，112）邊飾為黑色rgb（0，0，0）字型為黑色rgb（0，0，0）。這樣的搭配顯得風格獨特，顏色和諧而莊重。如圖8
圖8
9）下面的設計更加的簡單化，但是顏色的使用使網頁並不呆板，反而讓人感覺到一股濃濃的生活和家庭氣氛，使人置身於美麗和愛中。他的主體是由兩種顏色構成，分別是rgb（239，200，161）和rgb（201，254，200）。如此簡單，但是卻栩栩如生，躍然網上。如圖9
圖9
10）下面舉出這個例子是想證明乙個道理——只要你有足夠的想象力，你就能夠設計出漂亮的網頁。目前在網上非常流行一句話就是網頁的搭配不要超過四種主要顏色，否則就有雜亂之感。下面的這個**遠遠的超過了三種顏色，但是她並不失美麗。因此重要的還是色彩的駕馭能力。下面這個例子的選單就使用了7種顏色，但是我們看到的網頁並不雜亂，相反感覺作者很有創意。如圖10
圖10
網頁設計的顏色搭配需要在實踐中不斷的摸索和不斷的創新，認真學習別人的先進方法和經驗，可以快速的提高我們的製作水平。可以說。網頁顏色搭配得當，成功也就走了一半。如果大家有什麼好的方法，別忘了和別人交流，讓我們共同進步！
網頁設計配色
網頁設計配色基礎 rgb與hsb 在實用美術中，常有 遠看色彩近看花，先看顏色後看花，七分顏色三分花 的說法。這也就說明，在任何設計中，色彩對視覺的刺激起到第一資訊傳達的作用。因此，對色彩的基礎知識的良好掌控，在網頁設計中才能做到游刃有餘。為了使下面的網頁配色分析更易於理解，我們先來了解色彩的rgb...
網頁設計配色 色彩的調和
網頁頁面中總是由具有某種內在聯絡的各種色彩，組成乙個完整統一的整體，形成畫面色彩總的趨向，稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍，是影響配色視覺效果的決定因素。兩種或兩種以上的色彩合理搭配，產生統一諧調的效果，稱為色彩調和。色彩調和是求得視覺統一，達到人們心理平衡的重要手段。調和就是統...
網頁設計配色應用 色調
前面我們介紹了常用的電腦色彩模式rgb hsb，以及色彩的三大屬性，還有常用配色的基本概念和相關例項剖析。今天開始我們介紹應用部分，本節介紹調色。網頁頁面中總是由具有某種內在聯絡的各種色彩，組成乙個完整統一的整體，形成畫面色彩總的趨向，稱為色調。也可以理解為色彩狀態。色彩給人的感覺與氛圍，是影響配色...