網頁設計常用色彩搭配表

1、網頁設計中最常用的顏色搭配有什麼？

一、設計的任務 設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。 網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。 第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。 第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。 第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。 當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於設計的任務。 明確了設計的任務之後，接下來要想的就是如何完成這個任務了。二、設計的實現 設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。 設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。 接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色了。 四、造型的組合 在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配來構造整個頁面的。 通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、交叉、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。 通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓觀者在感受美的過程中領會設計的主題，從而實現設計的任務。 造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上的各種元素有機的組織起來，它甚至還可以引導觀者的視線。三、色彩的運用 色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感覺，表示和平與聖潔。 我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們的作品更貼近現實。 色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。 單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色

2、網店網頁設計什麼顏色?讓人看著會很舒服。

1、強烈色配合：
指兩個相隔較遠的顏色相配，如：黃色與紫色，紅色與青綠色，這種配色比較強烈。
日常生活中，我們常看到的是黑、白、灰與其他顏色的搭配。黑、白、灰為無色系，所以，無論它們與哪種顏色搭配，都不會出現大的問題。一般來說，如果同一個色與白色搭配時，會顯得明亮；與黑色搭配時就顯得昏暗。因此在進行服飾色彩搭配時應先衡量一下，你是為了突出哪個部分的衣飾。不要把沉著色彩，例如：深褐色、深紫色與黑色搭配，這樣會和黑色呈現「搶色」的後果，令整套服裝沒有重點，而且服裝的整體表現也會顯得很沉重、昏暗無色。
黑色與黃色是最亮眼的搭配
紅色和黑色的搭配，非常之隆重，但是卻不失韻味的哦~
2、補色配合：
指兩個相對的顏色的配合，如：紅與綠，青與橙，黑與白等，補色相配能形成鮮明的對比，有時會收到較好的效果.黑白搭配是永遠的經典
協調色搭配 其中又可以分為：
1、同類色搭配原則 指深淺、明暗不同的兩種同一類顏色相配，比如：青配天藍，墨綠配淺綠，咖啡配米色，深紅配淺紅等，同類色配合的服裝顯得柔和文雅。
粉紅色系的的搭配，讓整個人看上去柔和很多~
2、近似色相配：
指兩個比較接近的顏色相配，如：紅色與橙紅或紫紅相配，黃色與草綠色或橙黃色相配等
不是每個人穿綠色都能穿得好看的，綠色和嫩黃的搭配，給人一種很春天的感覺 ,整體感覺非常素雅，靜止~~淑女味道不經意間流露出來
職業女裝的色彩搭配。職業女性穿著職業女裝活動的場所是辦公室，低彩度可使工作其中的人專心致志，平心靜氣的處理各種問題，營造沉靜的氣氛。職業女裝穿著的環境多在室內、有限的空間里，人們總希望獲得更多的私人空間，穿著低純度的色彩會增加人與人之間的距離，減少擁擠感。
純度低的顏色更容易與其他顏色相互協調，這使得人與人之間增加了和諧親切之感，從而有助於形成協同合作的格局。另外，可以利用低純度色彩易於搭配的特點，將有限的衣物搭配出豐富的組合。同時，低純度給人以謙遜、寬容、成熟感，借用這種色彩語言，職業女性更易受到他人的重視和信賴。

▲白色的搭配原則
白色可與任何顏色搭配，但要搭配得巧妙，也需費一番心思。
白色下裝配帶條紋的淡黃色上衣，是柔和色的最佳組合；下身著象牙白長褲，上身穿淡紫色西裝，配以純白色襯衣，不失為一種成功的配色，可充分顯示自我個性；象牙白長褲與淡色休閑衫配穿，也是一種成功的組合；白色褶摺裙配淡粉紅色毛衣，給人以溫柔飄逸的感覺。紅白搭配是大膽的結合。上身著白色休閑衫，下身穿紅色窄裙，顯得熱情瀟灑。在強烈對比下，白色的分量越重，看起來越柔和。

▲藍色的搭配原則
在所有顏色中，藍色服裝最容易與其他顏色搭配。不管是近似於黑色的藍色，還是深藍色，都比較容易搭配，而且，藍色具有緊縮身材的效果，極富魅力。
生動的藍色搭配紅色，使人顯得嫵媚、俏麗，但應注意藍紅比例適當。
近似黑色的藍色合體外套，配白襯衣，再繫上領結，出席一些正式場合，會使人顯得神秘且不失浪漫。曲線鮮明的藍色外套和及膝的藍色裙子搭配，再以白襯衣、白襪子、白鞋點綴，會透出一種輕盈的嫵媚氣息。
上身穿藍色外套和藍色背心，下身配細條紋灰色長褲，呈現出一派素雅的風格。因為，流行的細條紋可柔和藍灰之間的強烈對比，增添優雅的氣質。
藍色外套配灰色褶裙，是一種略帶保守的組合，但這種組合再配以葡萄酒色襯衫和花格襪，顯露出一種自我個性，從而變得明快起來。
藍色與淡紫色捂配，給人一種微妙的感覺。藍色長裙配白襯衫是一種非常普通的打扮。如能穿上一件高雅的淡紫色的小外套，便會平添幾分成熟都市味兒。上身穿淡紫色毛衣，下身配深藍色窄裙，即使沒有花俏的圖案，也可在自然之中流露出成熟的韻味兒。

▲褐色搭配原則
與白色搭配，給人一種清純的感覺。金褐色及膝圓裙與大領襯衫搭配，可體現短裙的魅力，增添優雅氣息。選用保守素雅的栗子色面料做外套，配以紅色毛衣、紅色圍巾，鮮明生動，俏麗無比。
褐色毛衣配褐色格子長褲，可體現雅緻和成熟。褐色厚毛衣配褐色棉布裙，通過二者的質感差異，表現出穿著者的特有個性。

▲黑色的搭配原則
黑色是個百搭百配的色彩，無論與什麼色彩放在一起，都會別有一番風情，和米色搭配也不例外！眼下，雙休日逛街時，上衣可以還是夏季的那件黑色的印花t恤，下裝就換上米色的純棉含萊卡的及膝a字裙，腳上穿著白地彩色條紋的平底休閑鞋子，整個人看起來格外舒適，還充滿著陽光的氣息。其實，不穿裙子也可以，換上一條米色純棉的休閑褲，最好是低腰微喇叭的褲型，腳上還是那雙休閑鞋，依然前衛，青春逼人。

▲米色搭配原則
用米色穿出一絲嚴謹的味道來，也不難。一件淺米色的高領短袖毛衫，配上一條黑色的精緻西褲，穿上閃著光澤的黑色的尖頭中跟鞋子，將一位職業女性的專業感覺烘托得恰到好處。如果想要一種干練、強勢的感覺，那就選擇一套黑色條紋的精緻西裝套裙，配上一款米色的高檔手袋，既有主管風范又不失女性優雅。
許多女性朋友都喜歡看韓劇，劇中美眉們穿的充滿都市感的時裝，要比簡單而雷同的劇情及緩慢的劇情節奏精彩百倍。看的多了，多少能總結出一些韓國美眉們穿衣打扮的特點：含蓄而優雅，明朗卻不耀眼。在或柔媚或熱烈的色彩中，米色是時尚美眉們常用的色彩。
現如今的時尚中，米色因其簡約與富於知性美而成為職場著裝的常青色。與白色相比，米色多了幾分暖意與典雅，不事誇張；與黑色相比，米色純潔柔和，不過於凝重。在追求簡單拋卻繁復的時尚潮流中，米色以其純凈典雅氣息與嚴謹的現代職場氛圍相吻合。要將任何一種顏色穿出最佳效果，都要講究搭配，米色也不例外。
顏色還代表著不同的意思,看看你的服裝與你的氣質是否搭配的"表裡如一"呢?

紅：活躍、熱情、勇敢、愛情、健康、野蠻
橙：富饒、充實、未來、友愛、豪爽、積極
黃：智慧、光榮、忠誠、希望、喜悅、光明
綠：公平、自然、和平、幸福、理智、幼稚
藍：自信、永恆、真理、真實、沉默、冷靜
紫：權威、尊敬、高貴、優雅、信仰、孤獨
黑：神秘、寂寞、黑暗、壓力、嚴肅、氣勢
白：神聖、純潔、無私、樸素、平安、誠實

3、網頁配色技巧 網頁顏色怎麼搭配

一般來說，網頁的背景色應該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以為標題使用較深的顏 色。下面是我做網頁和瀏覽別人的網頁時，對網頁背景色和文字色彩搭配積累的經驗，這些顏色可以做正文的底色，也可以做標題的底色，再搭配不同的字體，一定 會有不錯的效果，希望對大家在製作網頁時有用。
BgcolorΚ″#F1FAFA″———做正文的背景色好，淡雅
BgcolorΚ″#E8FFE8″———做標題的背景色較好
BgcolorΚ″#E8E8FF″———做正文的背景色較好，文字顏色配黑色
BgcolorΚ″#8080C0″———上配黃色白色文字較好
BgcolorΚ″#E8D098″———上配淺藍色或藍色文字較好
BgcolorΚ″#EFEFDA″———上配淺藍色或紅色文字較好
BgcolorΚ″#F2F1D7″———配黑色文字素雅，如果是紅色則顯得醒目
BgcolorΚ″#336699″———配白色文字好看些
BgcolorΚ″#6699CC″———配白色文字好看些，可以做標題
BgcolorΚ″#66CCCC″———配白色文字好看些，可以做標題
BgcolorΚ″#B45B3E″———配白色文字好看些，可以做標題
BgcolorΚ″#479AC7″———配白色文字好看些，可以做標題
BgcolorΚ″#00B271″———配白色文字好看些，可以做標題
BgcolorΚ″#FBFBEA″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#D5F3F4″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#D7FFF0″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#F0DAD2″———配黑色文字比較好看，一般作為正文
BgcolorΚ″#DDF3FF″———配黑色文字比較好看，一般作為正文
淺綠色底配黑色文字，或白色底配藍色文字都很醒目，但前者突出背景，後者突出文字。紅色底配白色文字，比較深的底色配黃色文字顯得非常有效果。
此文只是起一個「拋磚引玉」的作用，大家可以發揮想像力，搭配出更有新意、更醒目的顏色，使網頁更具有吸引力
如今，互聯網越來越走近我們的生活，網上沖浪也漸漸成為我們生活不可缺少的一部分。網路世界五彩繽紛，涌現出大量優秀精美的網頁。大量網路信息的呈 現，無非就是通過文本、圖像、Flash動畫等，其中， 文本是網頁中最為重要的設計元素。對於網頁設計初學者而言，了解和掌握網頁設計中的文字排版設計就顯得尤為重要，下面筆者想談談一己之見。
文字的格式化
字型大小、字體、行距
字型大小大小可以用不同的方式來計算，例如磅#quotel.quoter#或像素(Pixel)。因為以像素技術為基礎單位列印時需要轉換為磅，所以，建議採用磅為單位。
最適合於網頁正文顯示的字體大小為12磅左右，現在很多的綜合性站點，由於在一個頁面中需要安排的內容較多，通常採用9磅的字型大小。較大的字體可用於標 題或其他需要強調的地方，小一些的字體可以用於頁腳和輔助信息。需要注意的是，小字型大小容易產生整體感和精緻感，但可讀性較差。
網頁設計者可以用字體來更充分地體現設計中要表達的情感。字體選擇是一種感性、直觀的行為。但是，無論選擇什麼字體，都要依據網頁的總體設想和瀏覽者 的需要。例如：粗體字強壯有力，有男性特點，適合機械、建築業等內容；細體字高雅細致，有女性特點，更適合服裝、化妝品、食品等行業的內容。在同一頁面 中，字體種類少，版面雅緻，有穩定感；字體種類多，則版面活躍，豐富多彩。關鍵是如何根據頁面內容來掌握這個比例關系。
從加強平台無關性的角度來考慮，正文內容最好採用預設字體。因為瀏覽器是用本地機器上的字型檔顯示頁面內容的。作為網頁設計者必須考慮到大多數瀏覽者的 機器里只裝有三種字體類型及一些相應的特定字體。而你指定的字體在瀏覽者的機器里並不一定能夠找到，這給網頁設計帶來很大的局限。解決問題的辦法是：在確 有必要使用特殊字體的地方，可以將文字製成圖像，然後插入頁面中。
行距的變化也會對文本的可讀性產生很大影響。一般情況下，接近字體尺寸的行距設置比較適合正文。行距的常規比例為10:12，即用字10點，則行距 12點。這主要是出於以下考慮：適當的行距會形成一條明顯的水平空白帶，以引導瀏覽者的目光，而行距過寬會使一行文字失去較好的延續性。
除了對於可讀性的影響，行距本身也是具有很強表現力的設計語言，為了加強版式的裝飾效果，可以有意識地加寬或縮窄行距，體現獨特的審美意趣。例如，加 寬行距可以體現輕松、舒展的情緒，應用於娛樂性、抒情性的內容恰如其分。另外，通過精心安排，使寬、窄行距並存，可增強版面的空間層次與彈性，表現出獨到 的匠心。
行距可以用行高(line-height)屬性來設置，建議以磅或默認行高的百分數為單位。例如：｛line-height：20pt｝、｛line-height：150%｝。
文字的整體編排
頁面里的正文部分是由許多單個文字經過編排組成的群體，要充分發揮這個群體形狀在版面整體布局中的作用。從藝術的角度可以將字體本身看成是一種藝術形 式，它在個性和情感方面對人們有著很大影響。在網頁設計中，字體的處理與顏色、版式、圖形等其他設計元素的處理一樣非常關鍵。從某種意義上來講，所有的設 計元素都可以理解為圖形。
1．文字的圖形化
字體具有兩方面的作用：一是實現字意與語義的功能，二是美學效應。所謂文字的圖形化，即是強調它的美學效應，把記號性的文字作為圖形元素來表現，同時 又強化了原有的功能。作為網頁設計者，既可以按照常規的方式來設置字體，也可以對字體進行藝術化的設計。無論怎樣，一切都應圍繞如何更出色地實現自己的設 計目標。
將文字圖形化、意象化，以更富創意的形式表達出深層的設計思想，能夠克服網頁的單調與平淡，從而打動人心。
2．文字的疊置
文字與圖像之間或文字與文字之間在經過疊置後，能夠產生空間感、跳躍感、透明感、雜音感和敘事感，從而成為頁面中活躍的、令人注目的元素。雖然疊置手 法影響了文字的可讀性，但是能造成頁面獨特的視覺效果。這種不追求易讀，而刻意追求「雜音」的表現手法，體現了一種藝術思潮。因而，它不僅大量運用於傳統 的版式設計，在網頁設計中也被廣泛採用。
3．標題與正文
在進行標題與正文的編排時，可先考慮將正文作雙欄、三欄或四欄的編排，再進行標題的置入。將正文分欄，是為了求取頁面的空間與彈性，避免通欄的呆板以 及標題插入方式的單一性。標題雖是整段或整篇文章的標題，但不一定千篇一律地置於段首之上。可作居中、橫向、豎向或邊置等編排處理，甚至可以直接插入字群 中，以新穎的版式來打破舊有的規律。
4．文字編排的四種基本形式
頁面里的正文部分是由許多單個文字經過編排組成的群體，要充分發揮這個群體形狀在版面整體布局中的作用。
兩端均齊：文字從左端到右端的長度均齊，字群形成方方正正的面，顯得端正、嚴謹、美觀。
居中排列：在字距相等的情況下，以頁面中心為軸線排列，這種編排方式使文字更加突出，產生對稱的形式美感。
左對齊或右對齊：左對齊或右對齊使行首或行尾自然形成一條清晰的垂直線，很容易與圖形配合。這種編排方式有松有緊，有虛有實，跳動而飄逸，產生節奏與韻律的形式美感。左對齊符合人們閱讀時的習慣，顯得自然；右對齊因不太符合閱讀習慣而較少採用，但顯得新穎。
繞圖排列：將文字繞圖形邊緣排列。如果將底圖插入文字中，會令人感到融洽、自然。
文字的強調
1．行首的強調
將正文的第一個字或字母放大並作裝飾性處理，嵌入段落的開頭，這在傳統媒體版式設計中稱之為「下墜式」。此技巧的發明溯源於歐洲中世紀的文稿抄寫員。 由於它有吸引視線、裝飾和活躍版面的作用，所以被應用於網頁的文字編排中。其下墜幅度應跨越一個完整字行的上下幅度。至於放大多少，則依據所處網頁環境而 定。
2．引文的強調
在進行網頁文字編排時，常常會碰到提綱挈領性的文字，即引文。引文概括一個段落、一個章節或全文大意，因此在編排上應給予特殊的頁面位置和空間來強 調。引文的編排方式多種多樣，如將引文嵌入正文的左右側、上方、下方或中心位置等，並且可以在字體或字型大小上與正文相區別而產生變化。
3．個別文字的強調
如果將個別文字作為頁面的訴求重點，則可以通過加粗、加框、加下劃線、加指示性符號、傾斜字體等手段有意識地強化文字的視覺效果，使其在頁面整體中顯得出眾而奪目。另外，改變某些文字的顏色，也可以使這部分文字得到強調。這些方法實際上都是運用了對比的法則。
文字的顏色
在網頁設計中，設計者可以為文字、文字鏈接、已訪問鏈接和當前活動鏈接選用各種顏色。例如，如果你使用FrontPage編輯器，默認的設置是這樣 的：正常字體顏色為黑色，默認的鏈接顏色為藍色，滑鼠點擊之後又變為紫紅色。使用不同顏色的文字可以使想要強調的部分更加引人注目，但應該注意的是，對於 文字的顏色，只可少量運用，如果什麼都想強調，其實是什麼都沒有強調。況且，在一個頁面上運用過多的顏色，會影響瀏覽者閱讀頁面內容，除非你有特殊的設計 目的。
顏色的運用除了能夠起到強調整體文字中特殊部分的作用之外，對於整個文案的情感表達也會產生影響。這涉及色彩的情感象徵性問題，限於篇幅，在這里不做深入探討。
另外需要注意的是文字顏色的對比度，它包括明度上的對比、純度上的對比以及冷暖的對比。這些不僅對文字的可讀性發生作用，更重要的是，你可以通過對顏色的運用實現想要的設計效果、設計情感和設計思想。
一、色彩處理

色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是「總體協調，局部對比」，也就是：主頁的整 體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據主頁內容的需要，分別採用不同的主色調。因為色彩 具有象徵性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象徵著春、夏、秋、冬。其次還有職業的標志色，例如：軍警的橄欖綠，醫療衛生的白色等。色彩 還具有明顯的心理感覺，例如冷、暖的感覺，進、退的效果等。另外，色彩還有民族性，各個民族由於環境、文化、傳統等因素的影響，對於色彩的喜好也存在著較 大的差異。充分運用色彩的這些特性，可以使我們的主頁具有深刻的藝術內涵，從而提升主頁的文化品位。下面介紹幾種常用的配色方案：
1.暖色調。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調的運用，可使主頁呈現溫馨、和煦、熱情的氛圍。
2.冷色調。即青色、綠色、紫色等色彩的搭配。這種色調的運用，可使主頁呈現寧靜、清涼、高雅的氛圍。
3.對比色調。即把色性完全相反的色彩搭配在同一個空間里。例如：紅與綠、黃與紫、橙與藍等。這種色彩的搭配，可以產生強烈的視覺效果，給人亮麗、鮮艷、 喜慶的感覺。當然，對比色調如果用得不好，會適得其反，產生俗氣、刺眼的不良效果。這就要把握「大調和，小對比」這一個重要原則，即總體的色調應該是統一 和諧的，局部的地方可以有一些小的強烈對比。
最後，還要考慮主頁底色（背景色）的深、淺，這里借用攝影中的一個術語，就是「高調」和「低調」。底色淺的稱為高調；底色深的稱為低調。底色深，文字的顏 色就要淺，以深色的背景襯托淺色的內容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內容（文字或圖片）。這種深淺的變化 在色彩學中稱為「明度變化」。有些主頁，底色是黑的，但文字也選用了較深的色彩，由於色彩的明度比較接近，讀者在閱覽時，眼睛就會感覺很吃力，影響了閱讀 效果。當然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強，同樣也會使讀者的眼睛受不了。
網頁色彩的搭配
網頁的色彩是樹立網站形象的關鍵之一，色彩搭配卻是網友們感到頭疼的問題。網頁的背景，文字，圖標，邊框，超鏈接...，應該採用什麼樣的色彩，應該搭配什麼色彩才能最好的表達出預想的內涵呢？阿捷這里談一些心得，希望對你有所啟發。
首先我們先來了解一些色彩的基本知識：
1.顏色是因為光的折射而產生的。
2.紅，黃，藍是三原色，其它的色彩都可以用這三種色彩調和而成。網頁html語言中的色彩表達即是用這三種顏色的數值表示例如：紅色是color (255,0,0)十六進制的表示方法為(FF0000)白色為(FFFFFF), 我們經常看到的"bgColor=#FFFFFF"就是指背景色為白色。
3.顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統色。彩色是指除了非彩色以外的所有色彩。
4.任何色彩都有飽和度和透明度的屬性，屬性的變化產生不同的色相，所以至少可以製作幾百萬種色彩。
網頁製作用彩色還是非彩色好呢？根據專業的研究機構研究表明：彩色的記憶效果是黑白的3.5倍。也就是說，在一般情況下，彩色頁面較完全黑白頁面更加吸引人。
我們通常的做法是：主要內容文字用非彩色(黑色)，邊框，背景，圖片用彩色。這樣頁面整體不單調，看主要內容也不會眼花。
●非彩色的搭配 　
黑白是最基本和最簡單的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是萬能色，可以和任何彩色搭配，也可以幫助兩種對立的色彩和諧過渡。如果你實在找不出合適的色彩，那麼用灰色試試，效果絕對不會太差。
●彩色的搭配
色彩千變萬化，彩色的搭配是我們研究的重點。我們依然需要進一步學習一些色彩的知識。
一.色環。我們將色彩按"紅->黃->綠->藍->紅"依次過度漸變，就可以得到一個色彩環。色環的兩端是暖色和寒色，當中是中型色。(如下圖)
紅.橙.橙黃.黃.黃綠.綠.青綠.藍綠.藍.藍紫.紫.紫紅.紅
|___________| |____| |_________| |_________| | | | |
暖色系 中性系 寒色系 中性系
二.色彩的心理感覺。不同的顏色會給瀏覽者不同的心理感受。
紅色---是一種激奮的色彩。刺激效果，能使人產生沖動，憤怒，熱情，活力的感覺。
綠色---介於冷暖兩中色彩的中間，顯得和睦，寧靜，健康，安全的感覺。 它和金黃，淡白搭配，可以產生優雅，舒適的氣氛。
橙色---也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚的效果。
黃色---具有快樂，希望，智慧和輕快的個性，它的明度最高。
藍色---是最具涼爽，清新，專業的色彩。它和白色混合，能體現柔順，淡雅，浪漫的氣氛(象天空的色彩:)
白色---具有潔白，明快，純真，清潔的感受。
黑色---具有深沉，神秘，寂靜，悲哀，壓抑的感受。
灰色---具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。
每種色彩在飽和度，透明度上略微變化就會產生不同的感覺。以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍綠色則顯得幽寧，陰深。
●網頁色彩搭配的原理
1.色彩的鮮明性。網頁的色彩要鮮艷，容易引人注目。
2.色彩的獨特性。要有與眾不同的色彩，使得大家對你的印象強烈。(參考設計思考第二篇網站CI的標准色彩一節)
3.色彩的合適性。就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。
4.色彩的聯想性。不同色彩會產生不同的聯想，藍色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網頁的內涵相關聯。
●網頁色彩掌握的過程 　
隨著網頁製作經驗的積累，我們用色有這樣的一個趨勢:單色->五彩繽紛->標准色->單色。一開始因為技術和知識缺乏，只能製作 出簡單的網頁，色彩單一；在有一定基礎和材料後，希望製作一個漂亮的網頁，將自己收集的最好的圖片，最滿意色彩堆砌在頁面上；但是時間一長，卻發現色彩雜 亂，沒有個性和風格；第三次重新定位自己的網站，選擇好切合自己的色彩，推出的站點往往比較成功；當最後設計理念和技術達到頂峰時，則又返樸歸真，用單一 色彩甚至非彩色就可以設計出簡潔精美的站點。
○網頁色彩搭配的技巧
文章寫到這里，有心急的網友要問了：「到底用什麼色彩搭配好看呢？你能不能推薦幾種配色方案？」別急，這里有一點技巧，可以幫助你迅速成為調色大師:)
1.用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，(說得通俗些就是將 色彩變淡或則加深)，產生新的色彩，用於網頁。這樣的頁面看起來色彩統一，有層次感。
2.用兩種色彩。先選定一種色彩，然後選擇它的對比色(在photoshop里按ctrl+shift+I)。我的主頁用藍色和黃色就是這樣確定的。整個頁面色彩豐富但不花稍。
3.用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。確定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中選擇"自定義"，然後在"色庫"中選就可以了:)
4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很"跳"。
在網頁配色中，忌諱的是：
1.不要將所有顏色都用到，盡量控制在三種色彩以內。
2.背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容
顏 色 搭 配
一、紅色的色感溫暖，性格剛烈而外向，是一種對人刺激性很強的色。紅色容易引起人的注意，也容易使人興奮、激動、緊張、沖動、還是一種容易造成人視覺疲勞的色。
a) 在紅色中加入少量的黃，會使其熱力強盛，趨於躁動、不安。
b) 在紅色中加入少量的藍，會使其熱性減弱，趨於文雅、柔和。
c) 在紅色中加入少量的黑，會使其性格變的沉穩，趨於厚重、朴實。
d) 在紅中加入少量的白，會使其性格變的溫柔，趨於含蓄、羞澀、嬌嫩。
二、黃色的性格冷漠、高傲、敏感、具有擴張和不安寧的視覺印象。黃色是各種色彩中，最為嬌氣的一種色。只要在純黃色中混入少量的其它色，其色相感和色性格均會發生較大程度的變化。
a) 在黃色中加入少量的藍，會使其轉化為一種鮮嫩的綠色。其高傲的性格也隨之消失，趨於一種平和、潮潤的感覺。
b) 在黃色中加入少量的紅，則具有明顯的橙色感覺，其性格也會從冷漠、高傲轉化為一種有分寸感的熱情、溫暖。
c) 在黃色中加入少量的黑，其色感和色性變化最大，成為一種具有明顯橄欖綠的復色印象。其色性也變的成熟、隨和。
d) 在黃色中加入少量的白，其色感變的柔和，其性格中的冷漠、高傲被淡化，趨於含蓄，易於接近。
三、藍色的色感冷嘲熱諷，性格朴實而內向，是一種有助於人頭腦冷嘲熱諷靜的色。藍色的朴實、內向性格，常為那些性格活躍、具有較強擴張力的色彩，提供一 個深遠、廣埔、平靜的空間，成為襯托活躍色彩的友善而謙虛的朋友。藍色還是一種在淡化後仍然似能保持較強個性的色。如果在藍色中分別加入少量的紅、黃、 黑、橙、白等色，均不會對藍色的性格構成較明顯的影響力。
a) 如果在橙色中黃的成份較多，其性格趨於甜美、亮麗、芳香。
b) 在橙色中混入小量的白，可使橙色的知覺趨於焦躁、無力。
四、綠色是具有黃色和藍色兩種成份的色。在綠色中，將黃色的擴張感和藍色的收縮感相中庸，將黃色的溫暖感與藍色的寒冷感相抵消。這樣使得綠色的性格最為平和、安穩。是一種柔順、恬靜、潢足、優美的色。
a) 在綠色中黃的成份較多時，其性格就趨於活潑、友善，具有幼稚性。
b) 在綠色中加入少量的黑，其性格就趨於莊重、老練、成熟。
c) 在綠色中加入少量的白，其性格就趨於潔凈、清爽、鮮嫩。
五、 紫色的明度在有彩色的色料中是最低的。紫色的低明度給人一種沉悶、神秘的感覺。
a) 在紫色中紅的成份較多時，其知覺具有壓抑感、威脅感。
b) 在紫色中加入少量的黑，其感覺就趨於沉悶、傷感、恐怖。
c) 在紫色中加入白，可使紫色沉悶的性格消失，變得優雅、嬌氣，並充滿女性的魅力。
六、 白色的色感光明，性格朴實、純潔、快樂。白色具有聖潔的不容侵犯性。如果在白色中加入其它任何色，都會影響其純潔性，使其性格變的含蓄。
a) 在白色中混入少量的紅，就成為淡淡的粉色，鮮嫩而充滿誘惑。
b) 在白色中混入少量的黃，則成為一種乳黃色，給人一種香膩的印象。
c) 在白色中混入少量的藍，給人感覺清冷、潔凈。
d) 在白色中混入少量的橙，有一種乾燥的氣氛。
e) 在白色中混入少量的綠，給人一種稚嫩、柔和的感覺。
f) 在白色中混入少量的紫，可誘導人聯想到淡淡的芳香。

4、網站顏色怎麼搭配的

這里是指先選定一種色彩，然後調整透明度或者飽和度，(說得通俗些就是將色彩變淡或則加深)，產生新的色彩，用於網頁。這樣的頁面看起來色彩統一，有層次感。 2、用兩種色彩。先選定一種色彩，然後選擇它的對比色(在Photoshop里按ctrl+shift+I)再進行微小的調整。整個頁面色彩豐富但不花稍。 3、用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。也就是在同一色系裡面採用不同的顏色使網頁增加色彩，而又不花，色調統一。這種配色方法在網站設計種最為常用。 4、灰色在網頁設計中又稱為「萬能色」，其特點是可以和任何顏色搭配，在使用時把握量避免網頁變灰。 在網頁配色中，盡量控制在三種色彩以內，以避免網頁花、亂、沒有主色的顯現。背景和前文的對比盡量要大，(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

5、我需要一本關於網頁設計的書，和色彩搭配的書。

我買過一本「flash 從低手到高手」感覺還行，你可以看看~~
色彩搭配的話，去書城應該有的，名字我也忘記了
這個是我在卓越網找到的http://www.amazon.cn/s/ref=nb_sb_noss?__mk_zh_CN=%E4%BA%9A%E9%A9%AC%E9%80%8A%E7%BD%91%E7%AB%99&url=search-alias%3Daps&field-keywords=%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1 （我不是再打廣告） 第一本，第三本，第五本都不錯
色彩搭配的話。http://www.amazon.cn/s/ref=nb_sb_noss?__mk_zh_CN=%E4%BA%9A%E9%A9%AC%E9%80%8A%E7%BD%91%E7%AB%99&url=search-alias%3Daps&field-keywords=%E8%89%B2%E5%BD%A9#/ref=nb_sb_noss?__mk_zh_CN=%E4%BA%9A%E9%A9%AC%E9%80%8A%E7%BD%91%E7%AB%99&url=search-alias%3Daps&field-keywords=%E8%89%B2%E5%BD%A9%E6%90%AD%E9%85%8D&rh=i%3Aaps%2Ck%3A%E8%89%B2%E5%BD%A9%E6%90%AD%E9%85%8D第四本，和第五本不錯

6、網頁設計中的色彩有何應用原則

看看優秀的網站能夠給我們帶來很多啟示。下面我們就先看看這些主色調的象徵意義和這些色調中做的比較優秀的網站。

灰色：象徵冷靜、中立；（蘋果、維基百科、紐約時報……）

綠色：象徵健康、生命；（BP石油、食品超市whole foods、星巴克……）

藍色：象徵可靠、力量；（戴爾、大眾汽車、IBM……）

紫色：象徵智慧、想像；（雅虎、T-Mobile、科幻主題電視台Syfy……）

紅色：象徵血氣、年輕；（可口可樂、樂高、肯德基……）

橙色：象徵歡樂、信任；（芬達、亞馬遜、火狐……）

黃色：象徵溫暖、透明；（百思買、法拉利、麥當勞……）

網頁設計色彩搭配原則

網頁美工設計中，最常用的幾個顏色為藍色、綠色、橙色，以及暗紅色。

藍為主調。藍色多與白、橙搭配，。白底，藍標題欄，橙色按鈕或ICON做點綴;藍天白雲，沉靜整潔的感覺。

綠為主調。綠色多與白、蘭兩色搭配。白底，綠標題欄，蘭色或橙色按鈕或ICON做點綴，綠白相間，雅緻而有生氣。

橙為主調。橙色多與白、紅搭配。白底，橙標題欄，暗紅或桔紅色按鈕或ICON做點綴，橙色活潑熱情，標準的商業色調，因此多用於商業網站的網頁美工設計。

暗紅為主調。暗紅色顯得寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色。黑或灰底，暗紅標題欄，文字內容背景為淺灰色。

網頁設計師需要注意的幾點

盡管三原色的相互搭配創造出了無數顏色，可不是所有的顏色都適用於網頁設計，不同的顏色在搭配上也有著其中的學問，網頁設計就相當於平面設計，網頁設計師可以將平面設計中的審美觀點套用到這上面來，所以平面設計上的審美的觀點在網頁設計上非常實用。

在網頁設計師中對於色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。

忌臟是指背景與文字內容對比不強烈，灰暗的背景令人沮喪!

忌純是指艷麗的純色對人的刺激太強烈抗議，缺乏內涵。

忌跳是指再好看的顏色，也不能脫離整體。

忌花是指要有一種主色貫穿其中，主色並不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用。

忌粉是指顏色淺固然顯的干凈，但如果對比過弱，顯得蒼白無力了，就象病夫一樣無可救葯。

另外，藍色忌純，綠色忌黃，紅色忌艷。

當然，作為網頁設計師，我們最需要時刻提醒自己的是不要為了設計而設計。

一切的設計都要以用戶的需求為導向。一個優秀的網站，會給用戶非常直觀簡介明了的體驗和簡明的導航。

7、網頁設計過程中的色彩搭配的原理是什麼?

色彩能夠建立起我們對品牌的直觀感知。在談論網頁設計中色彩搭配原則之前，我們需要先來看看不同主色調的象徵意義。這個主色調的選擇，需要依據我們對所要設計網站的定位來確定。

通常，看看優秀的網站能夠給我們帶來很多啟示。下面我們就先看看這些主色調的象徵意義和這些色調中做的比較優秀的網站。

灰色：象徵冷靜、中立；（蘋果、維基百科、紐約時報……）

綠色：象徵健康、生命；（BP石油、食品超市whole foods、星巴克……）

藍色：象徵可靠、力量；（戴爾、大眾汽車、IBM……）

紫色：象徵智慧、想像；（雅虎、T-Mobile、科幻主題電視台Syfy……）

紅色：象徵血氣、年輕；（可口可樂、樂高、肯德基……）

橙色：象徵歡樂、信任；（芬達、亞馬遜、火狐……）

黃色：象徵溫暖、透明；（百思買、法拉利、麥當勞……）

網頁設計色彩搭配原則

網頁美工設計中，最常用的幾個顏色為藍色、綠色、橙色，以及暗紅色。

藍為主調。藍色多與白、橙搭配，。白底，藍標題欄，橙色按鈕或ICON做點綴;藍天白雲，沉靜整潔的感覺。

綠為主調。綠色多與白、蘭兩色搭配。白底，綠標題欄，蘭色或橙色按鈕或ICON做點綴，綠白相間，雅緻而有生氣。

橙為主調。橙色多與白、紅搭配。白底，橙標題欄，暗紅或桔紅色按鈕或ICON做點綴，橙色活潑熱情，標準的商業色調，因此多用於商業網站的網頁美工設計。

暗紅為主調。暗紅色顯得寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色。黑或灰底，暗紅標題欄，文字內容背景為淺灰色。

網頁設計師需要注意的幾點

盡管三原色的相互搭配創造出了無數顏色，可不是所有的顏色都適用於網頁設計，不同的顏色在搭配上也有著其中的學問，網頁設計就相當於平面設計，網頁設計師可以將平面設計中的審美觀點套用到這上面來，所以平面設計上的審美的觀點在網頁設計上非常實用。

在網頁設計師中對於色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。

忌臟是指背景與文字內容對比不強烈，灰暗的背景令人沮喪!

忌純是指艷麗的純色對人的刺激太強烈抗議，缺乏內涵。

忌跳是指再好看的顏色，也不能脫離整體。

忌花是指要有一種主色貫穿其中，主色並不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用。

忌粉是指顏色淺固然顯的干凈，但如果對比過弱，顯得蒼白無力了，就象病夫一樣無可救葯。

另外，藍色忌純，綠色忌黃，紅色忌艷。

當然，作為網頁設計師，我們最需要時刻提醒自己的是不要為了設計而設計。

一切的設計都要以用戶的需求為導向。一個優秀的網站，會給用戶非常直觀簡介明了的體驗和簡明的導航。

8、誰有顏色搭配表？

(8)網頁設計常用色彩搭配表擴展資料：

1、「色彩搭配」是指對色彩進行搭配，可以取得更好的視覺效果。不同色彩搭配可以喚醒受眾的情感，在一定程度上影響受眾的感情與行為。不同的色彩可以影響人的情緒。例如：紅色是一種具有強烈刺激效果的色彩，能夠使觀賞者產生熱情沖動這類強烈的感覺。

2、色彩搭配的鮮明性。平面設計極為注重視覺的溝通與表現性，力求能夠吸引到受眾的注意力，表現品牌或自身產品的特點，因此在很多的平面設計中，設計師都會採用非常大膽的色彩運用，且大多以明快、鮮亮的色彩組合為主。需要注意的是要避免使用單一色彩，這樣的設計作品缺少色彩的對比，很難形成視覺沖擊，影響作品的效果。

3、色彩搭配的合理性。平面設計是基於商業環境的藝術性的創造活動，因而平面設計作品往往需要為品牌、產品服務，既要面向大眾，也要創造商業價值，這使得平面設計中的色彩搭配還需要對作品表現目標進行考慮，找出契合商品的主題顏色。

4、色彩搭配的平衡性。平面設計中的色彩搭配還要保證色彩的平衡性，具體上可以從色調、色相、色域三方面入手。首先，色調是畫面色彩的整體傾向，是作品中顏色體現最為明顯的特徵，而利用色調平衡，則可以控制畫面的色彩傾向，想要保持色帶哦的平衡一方面可以在對比強烈的顏色間添加中間色，以起到襯托的作用，另一方面也可以對對比色的屬性進行簡單的調整。

9、網頁設計中顏色搭配的重要性,常見顏色的含義

一步、底色和圖形色 色彩搭配的問題確實不是一個簡單的問題。這一代的設計師比上一代的設計師，所能運用的色彩工具多了許多。如今，我們能運用好計算機為我們提供的豐富色彩，看來不是很簡單的事情。就我個人而言，在我從事設計師工作以來，往往也會迷失在色彩的世界。現在交流一下自己學過的和掌握的一些經驗，希望大家指正。 配色所要注意的要素 實際設計時，我們經常會按照設計的目的來考慮與形態、肌理有關聯的配色及色彩面積的處理方案，這個方案就是我的配色計劃。在做配色計劃時，我們應該考慮下述幾點以突出視覺效果。 1.底色和圖形色 在設計時我們會經常遇到用幾個色做各種形的構成，作為底的色我們往往會將它推遠，而作為圖形或文字的色我們要將它拉近。這就需要我們了解受配色關系的影響是什麼樣的。 一般明亮和鮮艷的色比暗濁的色更容易有圖形效果。因此，配色時為了取得明了的圖形效果必須首先考慮圖形色和底色的關系。 圖形色要和底色有一定的對比度。這樣才可以很明確的傳達我們要表現的東西。 我們要突出的圖形色必須讓它能夠吸引觀者的主要注意力。如果不是這樣就會喧賓奪主。
第二步、整體色調 如果我們想使我們的設計能夠充滿生氣，穩健，冷清或者溫暖，寒冷等感覺都是由整體色調決定的。那麼我們怎麼能夠控制好整體色調呢？只有控制好構成整體色調的色相、明度、純度關系和面積關系等。才可以控制好我們設計的整體色調。首先要在配色中心決定佔大面積的色，並根據這一色來選擇不同的配色方案會得到不同的整體色調。從中選擇出我們想要的。 如果我們用暖色系列來做我們的整體色調則會呈現出溫暖的感覺，反之亦然。 如果用暖色和純度高的色作為整體色調則給人以火熱刺激的感覺，以冷色和純度低的色為主色調則讓人感到清冷、平靜的感覺。 以明度高的色為主則亮麗，而且變得輕快，以明度低的色為主則顯得比較莊重、肅穆。 取對比的色相和明度則活潑，取類似、同一色系則感到穩健。 色相數多則會華麗，少則淡雅、清新。 以上幾點整體色調的選擇要根據我們所要表達的內容來決定。

第三步、配色的平衡 顏色的平衡就是顏色的強弱、輕重、濃淡這種關系的平衡。這些元素在感覺上會左右顏色的平衡關系。因此，即使相同的配色，也將會根據圖形的形狀和面積的大小來決定成為調和色或不調和色。一般同類色配色比較容易平衡。 處於補色關系且明度也相似的純色配色，如：紅和蘭綠的配色，會因過分強烈感到刺眼，成為不調和色。可是若把一個色的面積縮小或加白黑，改變其明度和彩度並取得平衡，則可以使這種不調和色變的調和。 純度高而且強烈的色與同樣明度的濁色或灰色配合時，如果前者的面積小，而後者的面積大也可以很容易的取得平衡。 將明色與暗色上下配置時，若明色在上暗色在下則會顯得安定。反之，若暗色在明色上則有動感。

第四步、配色時要有重點色 配色時，為了彌補調子的單調，可以將某個色作為重點，從而使整體配色平衡。在整體配色的關系不明確曖昧時，我們就需要突出一個重點色來平衡配色關系。選擇重點色要注意以下幾點： 重點色應該使用比其他的色調更強烈的色。 重點色應該選擇與整體色調相對比的調和色。 重點色應該用於極小的面積上。而不能用於大面積上。 選擇重點色必須考慮配色方面的平衡效果。

第五步、配色的節奏 由顏色的配置產生整體的調子。而這種配置關系在整體色調中反復出現排列就產生了節奏。色的節奏和顏色的排放，形狀，質感等有關。由於漸進的變化色相、明度、純度都會產生變化而且時有規律的，所以就產生了階調的節奏。 將色相、明暗、強弱等等的變化做幾次反復，從而會產生反復的節奏。 可以通過賦予色彩的配置以跳躍和方向感就會產生動的節奏，等等。我們可以通過學習或訓練來掌握更多的節奏效果。

第六步、漸變色的調和 2色或2個以上的色不調和時，在其中間插入階梯變化的幾個色，就可以使之調和。色環的漸變：色相的漸變象色環一樣，在紅、黃、綠、蘭、紫等色相之間配以中間色，就可以得到漸變的變化。 明度的漸變：從明色到暗色階梯的變化。 純度的漸變：從純色到濁色或到黑色的階梯變化。 根據色相、明度、純度組合的漸變，把各種各樣的變化作為漸變的處理，從而構成復雜的效果。這些漸變色都是調和的。

第七步、在配色方面的統調 所謂統調，即為了多色配合的整體統一而用一個色調支配全體，將這個色叫做統調色，也就是支配色調。 色相統調是在各色中加入相同的色相，而使整體色調統一在一個色系當中。從而達到調和。 明度統調是加白色或黑色，以使全體色調的明度相似。這樣也可以達到調和。 純度統調是加灰色，以使全體色調的純度相似

第八步、在配色方面的分割 2個色如果互相處於對立關系是對比的，具有過分強烈的效果，成為不調和色。為了調節它們，在這些色中用其它色把它們劃分開來，即分割。將用於分割的色叫做分割色。由於分割的目的，可以用於分割色的顏色不多，最常用的是白、灰、黑。 金色和銀色也具有分割的效果。但在我們的電腦中很難調出具有重量感的這兩種色，所以在電腦中幾乎用不到這兩種色。但可以用於印刷中。 使用其它彩色進行分割也可以，但要選擇與原來色有明顯區別的明度，同時也應考慮色相和純度。

以上這些是我們在配色時注意的一些問題和解決的一些基本方法。我想還有更多的色彩問題，我這里沒有談到。如：色彩的感情、色彩的形狀、色彩的味覺、色彩的距離感、色彩的音樂感等等。
紅色：熱情、浪漫、火焰、暴力、侵略。紅色在很多文化中代表的是停止的訊號，用於警告或禁止一些動作。

紫色：創造、謎、忠誠、神秘、稀有。紫色在某些文化中與死亡有關。

藍色：忠誠、安全、保守、寧靜、冷漠、悲傷。

綠色：自然、穩定、成長、忌妒。在北美文化中，綠色代表的是「行」，與環保意識有關，也經常被連結到有關財政方面的事物。

黃色：明亮、光輝、疾病、懦弱。

黑色：能力、精緻、現代感、死亡、病態、邪惡。

白色：純潔、天真、潔凈、真理、和平、冷淡、貧乏。白色在中華文化中也代表著死亡的顏色。

打開一個網站，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺效果非常明顯，一個網站設計成功與否，在某種程度上取決於設計者對色彩的運用和搭配。因為網頁設計屬於一種平面效果設計，在排除立體圖形、動畫效果之外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象。因此，在設計網頁時，我們必須要高度重視色彩的搭配。

一、色彩的基礎知識

色彩五顏六色、千變萬化，我們平時所看到的白色光，經過分析在色帶上可以看到，它事實上包括紅、橙、黃、綠、青、藍、紫等七色，各顏色間自然過渡。其中，紅、黃、藍是三原色，三原色通過不同比例的混合可以得到各種顏色。色彩有冷暖色之分，冷色(如藍色)給人的感覺是安靜、冰冷；而暖色(如紅色)給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網站產生意想不到的效果。

色彩與人的心理感覺和情緒也有一定的關系，利用這一點可以在設計網頁時形成自己獨特的色彩效果，給瀏覽者留下深刻的印象。一般情況下，各種色彩給人的感覺是：

紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥

橙色代表光明、華麗、興奮、甜蜜、快樂

黃色代表明朗、愉快、高貴、希望

綠色代表新鮮、平靜、和平、柔和、安逸、青春

藍色代表深遠、永恆、沉靜、理智、誠實、寒冷

紫色代表優雅、高貴、魅力、自傲

白色代表純潔、純真、樸素、神聖、明快

灰色代表憂郁、消極、謙虛、平凡、沉默、中庸、寂寞

黑色代表崇高、堅實、嚴肅、剛健、粗莽

二、色彩搭配的原則

色彩搭配既是一項技術性工作，同時它也是一項藝術性很強的工作，因此，設計者在設計網頁時除了考慮網站本身的特點外，還要遵循一定的藝術規律，從而設計出色彩鮮明、性格獨特的網站。

1.特色鮮明

一個網站的用色必須要有自己獨特的風格，這樣才能顯得個性鮮明，給瀏覽者留下深刻的印象。

2.搭配合理

網頁設計雖然屬於平面設計的范疇，但它又與其它平面設計不同，它在遵從藝術規律的同時，還考慮人的生理特點，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免採用純度很高的單一色彩，這樣容易造成視覺疲勞。

3.講究藝術性

網站設計也是一種藝術活動，因此它必須遵循藝術規律，在考慮到網站本身特點的同時，按照內容決定形式的原則，大膽進行藝術創新，設計出既符合網站要求，又有一定藝術特色的網站。

三、色彩搭配要注意的問題

1.使用單色

盡管網站設計要避免採用單一色彩，以免產生單調的感覺，但通過調整色彩的飽和度和透明度也可以產生變化，使網站避免單調。

2.使用鄰近色

所謂鄰近色，就是在色帶上相鄰近的顏色，例如綠色和藍色，紅色和黃色就互為鄰近色。採用鄰近色設計網頁可以使網頁避免色彩雜亂，易於達到頁面的和諧統一。

3.使用對比色

對比色可以突出重點，產生了強烈的視覺效果，通過合理使用對比色能夠使網站特色鮮明、重點突出。在設計時一般以一種顏色為主色調，對比色作為點綴，可以起到畫龍點睛的作用。

4.黑色的使用

黑色是一種特殊的顏色，如果使用恰當，設計合理，往往產生很強烈的藝術效果，黑色一般用來作背景色，與其它純度色彩搭配使用。

5.背景色的使用

背景色一般採用素淡清雅的色彩，避免採用花紋復雜的圖片和純度很高的色彩作為背景色，同時背景色要與文字的色彩對比強烈一些。

6.色彩的數量

一般初學者在設計網頁時往往使用多種顏色，使網頁變得很「花」，缺乏統一和協調，表面上看起來很花哨，但缺乏內在的美感。事實上，網站用色並不是越多越好，一般控制在三種色彩以內，通過調整色彩的各種屬性來產生變化