本教程為飛屋設計的原創文章，轉載本文聯系作者并載明原文出處。

認識了色彩，并不表示你就能對顏色運用自如。配色有理性的層面，也有感性的層面。配色也需要依循一定的節奏。有的配色跳躍明快，有的又顯得舒緩柔和。我們從理性出發的同時，也要把自己的觸角深入到感性的層面去理解色彩。

 

配色秩序

 

每一種色彩都有其自身的特質，而這一特性的發揮，還需要依賴于色彩在整個配色時所處的位置、面積等，也即色彩與其他色彩所形成的秩序。

 

主色

 

主色是指在配色中處于支配地位的色彩。在配色前，主色是最先確定的顏色，例如，當我們想要設計一個珠寶展示的頁面，這個頁面所需要什么色彩時，我們決定采用紫色，而紫色就是主色。主色的確定看起來并不困難，因為一開始被確定下主色只是定出一個宏觀方向，并沒有細化成具體的色調。主色的選擇也非常自由，因為并沒有完全正確的“公式”，每種顏色都有它的特性和優劣，沒有較好的顏色或最差的顏色。

最終確定對主色色調的選擇則需要感性的參與，你希望你的網站看上去“沉穩典雅”還是“清新明快”？這些不同的感受都來自色調的制約平衡。

一般情況下，主色是配色中使用面積最多的色彩。用于主要的組件、組件的背景、大面積色塊等。

頁面中的主色是清爽的藍色。盡管背景也運用了大面積的白色，但是黑白灰屬于無彩色，無彩色并不參與到配色過程中。紅色是作為襯托色而出現的：

 

襯托色

 

襯托色是主色以外，為了襯托主色而出現的另一種色彩。襯托色通常為主色的互補色或對比色。襯托色所使用的面積可大可小，只要達到襯托的目的即可。

黃色是主色，藍色襯托色。藍黃兩色互為對比色：

襯托色也可用在面積較大的地方，和主色平分秋色，彼此呼應。

頁面的主色為橙色，而襯托色為淺色粉，這兩種色彩為鄰近色，彼此飽和度上有非常明顯的對比，也能很好的襯托出主色，為頁面的氛圍增加溫度：

一組配色中一定會有一個主色，而襯托色并非必不可少。是否采用襯托色，取決于你的配色計劃。通常單一的色彩會比較單調，而利用襯托色來強化主色的豐富變化是解決這一問題的方案之一。