網頁顏色搭配表及顏色搭配技巧

顏色搭配常識：
1.網頁中色彩的表達使用三種顏色，及紅(R)、綠(G)、藍(B)，及通常所說的RGB色彩，它包含了人類所感知的所有顏色，網頁中表達顏色如下（紅色為例）RGB格式：紅色是(255,0,0) 或十六進制hex格式為(FF0000)。
2.將色彩按"紅->黃->綠->藍->紅"依次過度漸變可得到12色環：紅，橙紅，橙，橙黃，黃，黃綠，綠，藍綠，藍，藍紫，紫，紫紅。
3.顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統色。彩色是指除了非彩色以外的所有色彩。通常內容文字用非彩色(黑🐓色)，邊框，背景，圖片用彩色。所以即使頁面🌟豐富，看內容依然不會眼花,通常背景與內容對比要大。

按單一色彩為主色彩分類

網頁設計一般以單一色彩為主，下面每類都以該色彩☂為主，配以其它或類似色彩的，并按照從輕快到濃烈的順序排列。

紅色

-是一種激奮的色彩。刺激效果，能使人產生沖動，憤怒，熱情，活力的感覺。

橙色

也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時尚的效果。

黃色

-具有快樂，希望，智慧和輕快的個性，它的明度最高。

黃綠色

綠色

-介于冷暖兩中色彩的中間ജ，顯得和睦，寧靜，健康，安全的感覺。 它和金黃ౠ，淡白搭配，可以產生優雅，舒適的氣氛。

青綠色

藍色

-是最具涼爽，清新，專業的色彩。它和白色💯混合，能體現柔順，淡雅，浪漫的氣氛(象天空的色彩:) 白色---具有潔白，明快，純真，清潔的感受𓃲。

藍紫色

紫色

紫紅色

按印象的搭配分類

色彩搭配看似復雜，但并不神秘。既然每種色彩在印象空間中都有自己的位置，那么色彩搭配得到的印象可以用加減法來近似估算。如果每種色彩都是高亮度的，那么它們的疊加，自然會♛是柔和、明亮的；如果🌃每種色彩都是濃烈的，那么它們疊加，就會是濃烈的。當然在實際設計過程中，設計師還要考慮到乘除法，比如同樣亮度和對比度的色彩，在色環上的角度不同，搭配起來就會得到千變萬化的感覺。因此本書除了要列舉出按色相的搭配，也要將印象作為重點的搭配分類列舉出來，以供讀者參考。

柔和、明亮、溫柔

亮度高的色彩搭配在一起就會得到柔和、明亮、溫和的𒉰感覺。為了避免刺眼，設計師一般會用低亮度的前景色調和，同時色彩在色環之間的距離也有助于避免沉悶。

柔和、潔凈、爽朗

對♉于柔和、清潔、爽朗的印象，色環中藍到綠相🗹鄰的顏色應該是最適合的。并且亮度偏高。可以看到，幾乎每個組合都有白色參與。當然在實際設計時，可以用藍綠相反色相的高亮度有彩色代替白色。

可愛、快樂、有趣

可愛、快樂、有趣印象中的色彩搭配特點是，色相分布均勻，冷暖搭配，飽和度高，色彩分辨度高。

活潑、快樂、有趣

活潑、快樂、有趣相對前一種印象，色彩選擇更加廣泛，?最重要的變化是將純白色用低飽和有彩色或者灰色取🍰代。

運動型、輕快

運動的色彩要強化激烈、刺激的感受，同時🅠還要體現健康、快樂、陽光。因此飽和度較高、亮度偏低的色彩在這類印象中經常登場。

輕快、華麗、動感

華麗的印象要求頁面充斥有彩色，并且飽和度偏高，而亮度適當減弱則能強化這種印象。

狂野、充沛、動感

狂野的印象空間中少不了低亮度的色彩，甚至可以用適當的黑色搭配。其他有彩色的飽和度高，對比強烈。

華麗、花哨、女性化

女性化的頁面中紫色和品紅是主角、粉紅、綠色也是常用色相。一般它們之間要進行高飽和的搭配。

回味、女性化、優雅

優雅的感覺很奇特，色彩的飽和度一般要降下來。一般以藍、紅之間的相鄰，調節亮度和飽和度進行搭配。

高尚、自然、安穩

高尚一般要用低亮度的黃綠色，色彩亮度降下去，注意色彩的平衡，頁面就會顯得安穩。

冷靜、自然

綠色是冷靜、自然印象𝐆的主角，但是綠色作為頁面的主要色彩🌸，容易陷入過于消極的感覺傳達，因此應該特別重視圖案的設計。

傳統、高雅、優雅

傳統的內容一般要降低色彩的飽和度，特別是棕色很適合。前面介紹紫色也是高雅和優雅印象的常用色相。

傳統、穩重、古典

傳統、穩重、古典都是保守的印象，色彩的選擇上應該盡量用低亮度的暖色，這種搭配符合成熟的審美。

忠厚、穩重、有品位

亮度、飽和度𝐆偏低的色彩會給人忠厚、穩重的感覺。這樣的搭配為了避༒免色彩過于保守，使頁面僵化、消極，應當注重冷暖結合和明暗對比。

簡單、潔凈、進步

簡單、潔凈的色彩在色相上可以用藍、綠表現，🐈并大面積留白。而進步的印象可𒊎以多用藍色，搭配低飽和甚至灰色。

簡單、時尚、高雅

灰色是最為平衡的色👍彩，并且是塑料金屬質感的主要色彩之一，因而要表達高雅、時尚，可以適當使用，甚至ꦆ大面積使用。但是要注重圖案和質感的構造。

簡單、進步、時尚

表現進步的色彩主要以藍色為主，搭配灰色。而色彩的明度統一、色相相鄰，在色彩上會顯得簡潔。