按色相的搭配分類
本節將網頁設計中常見的色彩搭配按照色相的順序歸類。每類都以該色相為主，配以其他色相或者同色相的，應用對比和調和的方法，并按照從輕快到濃烈的順序排序。
紅色
橙色
黃色
黃綠色
綠色
青綠色
藍色
藍紫色
紫色
紫紅色
按印象的搭配分類
網頁配色看似復雜，但并不神秘。既然每種色彩在印象空間中都有自己的位置，那么色彩搭配得到的印象可以用加減法來近似估算。如果每種色彩都是高亮度的，那么 它們的疊加，自然會是柔和、明亮的；如果每種色彩都是濃烈的，那么它們疊加，就會是濃烈的。當然在實際設計過程中，設計師還要考慮到乘除法，比如同樣亮度 和對比度的色彩，在色環上的角度不同，搭配起來就會得到千變萬化的感覺。因此本書除了要列舉出按色相的搭配，也要將印象作為重點的搭配分類列舉出來，以供 讀者參考。
柔和、明亮、溫柔
亮度高的色彩搭配在一起就會得到柔和、明亮、溫和的感覺。為了避免刺眼，設計師一般會用低亮度的前景色調和，同時色彩在色環之間的距離也有助于避免沉悶。
柔和、潔凈、爽朗
對于柔和、清潔、爽朗的印象，色環中藍到綠相鄰的顏色應該是最適合的。并且亮度偏高。可以看到，幾乎每個組合都有白色參與。當然在實際設計時，可以用藍綠相反色相的高亮度有彩色代替白色。
可愛、快樂、有趣
可愛、快樂、有趣印象中的色彩搭配特點是，色相分布均勻，冷暖搭配，飽和度高，色彩分辨度高。
活潑、快樂、有趣
活潑、快樂、有趣相對前一種印象，色彩選擇更加廣泛，?最重要的變化是將純白色用低飽和有彩色或者灰色取代。
運動型、輕快
運動的色彩要強化激烈、刺激的感受，同時還要體現健康、快樂、陽光。因此飽和度較高、亮度偏低的色彩在這類印象中經常登場。
輕快、華麗、動感
華麗的印象要求頁面充斥有彩色，并且飽和度偏高，而亮度適當減弱則能強化這種印象。
狂野、充沛、動感
狂野的印象空間中少不了低亮度的色彩，甚至可以用適當的黑色搭配。其他有彩色的飽和度高，對比強烈。
華麗、花哨、女性化
女性化的頁面中紫色和品紅是主角、粉紅、綠色也是常用色相。一般它們之間要進行高飽和的搭配。
回味、女性化、優雅
優雅的感覺很奇特，色彩的飽和度一般要降下來。一般以藍、紅之間的相鄰，調節亮度和飽和度進行搭配。
高尚、自然、安穩
高尚一般要用低亮度的黃綠色，色彩亮度降下去，注意色彩的平衡，頁面就會顯得安穩。
冷靜、自然
綠色是冷靜、自然印象的主角，但是綠色作為頁面的主要色彩，容易陷入過于消極的感覺傳達，因此應該特別重視圖案的設計。
傳統、高雅、優雅
傳統的內容一般要降低色彩的飽和度，特別是棕色很適合。前面介紹紫色也是高雅和優雅印象的常用色相。
傳統、穩重、古典
傳統、穩重、古典都是保守的印象，色彩的選擇上應該盡量用低亮度的暖色，這種搭配符合成熟的審美。
忠厚、穩重、有品位
亮度、飽和度偏低的色彩會給人忠厚、穩重的感覺。這樣的搭配為了避免色彩過于保守，使頁面僵化、消極，應當注重冷暖結合和明暗對比。
簡單、潔凈、進步
簡單、潔凈的色彩在色相上可以用藍、綠表現，并大面積留白。而進步的印象可以多用藍色，搭配低飽和甚至灰色。
簡單、時尚、高雅
灰色是最為平衡的色彩，并且是塑料金屬質感的主要色彩之一，因而要表達高雅、時尚，可以適當使用，甚至大面積使用。但是要注重圖案和質感的構造。
簡單、進步、時尚
表現進步的色彩主要以藍色為主，搭配灰色。而色彩的明度統一、色相相鄰，在色彩上會顯得簡潔。