最開始接觸設計，都用過一種配色方法就是從圖片上吸取顏色。但其實每一種色彩都有其自身的特質，配色有理性的層面，也有感性的層面。所以認識了色彩，並不表示就能對顏色運用自如。那麼零基礎如何做出好看的配色?下面一起來看看吧!
配色秩序
每一種色彩都有其自身的特質，而這一特性的發揮，還需要依賴於色彩在整個配色時所處的位置、面積等，即色彩與其他色彩所形成的秩序。
主色
主色是指在配色中處於支配地位的色彩。在配色前，主色是最先確定的顏色，例如，當我們想要設計一個珠寶展示的頁面，這個頁面所需要什麼色彩時，我們決定採用紫色，而紫色就是主色。主色的確定看起來並不困難，因爲一開始被確定下主色只是定出一個宏觀方向，並沒有細化成具體的色調。主色的選擇也非常自由，因爲並沒有完全正確的“公式”，每種顏色都有它的特性和優劣，沒有最好的顏色或最差的.顏色。
最終確定對主色色調的選擇則需要感性的參與，你希望你的網站看上去“沉穩典雅”還是“清新明快”?這些不同的感受都來自色調的制約平衡。
一般情況下，主色是配色中使用面積最多的色彩。用於主要的組件、組件的背景、大面積色塊等。
頁面中的主色是清爽的藍色。儘管背景也運用了大面積的白色，但是黑白灰屬於無彩色，無彩色並不參與到配色過程中。紅色是作爲襯托色而出現的：
襯托色
襯托色是主色以外，爲了襯托主色而出現的另一種色彩。襯托色通常爲主色的互補色或對比色。襯托色所使用的面積可大可小，只要達到襯托的目的即可。
黃色是主色，藍色襯托色。藍黃兩色互爲對比色：
襯托色也可用在面積較大的地方，和主色平分秋色，彼此呼應。
頁面的主色爲橙色，而襯托色爲淺色粉，這兩種色彩爲鄰近色，彼此飽和度上有非常明顯的對比，也能很好的襯托出主色，爲頁面的氛圍增加溫度：
一組配色中一定會有一個主色，而襯托色並非必不可少。是否採用襯托色，取決於你的配色計劃。通常單一的色彩會比較單調，而利用襯托色來強化主色的豐富變化是解決這一問題的方案之一。
背景色
背景色經常表現爲無彩色(黑、白、灰)或者低飽和度的色彩。背景色主要是作爲背景而存在，它最好不要以非常強烈的姿態出現。背景色並非具有某種功能，它是一個頁面的基礎底色。
頁面的背景色爲藍綠色到藍紫色的漸變色，因此配圖時就應該考慮與背景色的搭配協調：
黑色作爲背景色時，淺米色作爲主色，主色和背景色之間的相得益彰，這時的背景色也可看作襯托色：
強調色
強調色是在主色以外起強調作用的色彩，可以說它是非常重要的視覺焦點。它本身具有一種獨立性，因此在配色上要形成與主色的強烈對比。它可以是主色的對比色、互補色等，使其能跳脫於主色的色彩。
頁面的主色爲藍色，紅色則作爲強調色，在進入另一個頁面時，紅色又作爲了主色，而紫色作爲了強調色：
強調色所用的面積比較小，只要在焦點領域運用上強調色，其本身就有着聚焦的作用。有時候強調色還扮演着襯托色的角色。
單色配色法：同色同源
單色系配色是指網站的頁面主色只使用一種顏色，需要注意的是，所謂的單色並不“單”，往往運用單色系配色方案的是配圖較多的網站，這些配圖自身已經包含着豐富的色彩，從整個頁面來看，色彩就並不只有主色一種了。當配圖的色彩也參與到了頁面整體的配色體系中，只需要尋找到一種與配圖都能協調的色彩作爲主色，就能輕鬆掌握單色配色法的技巧。
頁面的主色爲清爽的藍綠色，這時選擇的背景配圖是人臉眼睛的部分，攝影作品本身帶有柔和的肉色，與藍綠色相得益彰：
單色扮演主色的同時也扮演着強調色，在配色運用中，重要的組件、焦點的部分都可以運用這一色彩，形成明顯的視覺重點框架。而與此同時，背景色應該儘量保持黑白灰，不對主色造成干擾。如果想要形成一定的層次，也可以在主色調之外通過降低其色彩飽和度或明度等方式，形成單色配色中色彩的空間視覺深度。
在單色系配色法中，即使屬於同一色系，色調也會有所差異，因此這也是另一種配色方式，運用在配圖較少，且配圖色彩也並不多變的情況
