設計師必須要學習的高級配色技法

一篇關于如何配色的技巧流程，幫助大家更好的進行創意配色，并使用自己喜歡的色彩。

大家好，我是西瓜，這次和大家分享一個我之前多次使用的一種配色技巧，只要同學們跟著練習，并且多去嘗試與操練幾次，就會摸清這種技法的規律。

我在之前寫過一篇關于配色理論的文章《色彩設計的原理》，那篇文章里我主要講解的其實是關于色彩原理的東西，幾乎文章內容的90%都是在講最基礎的色彩知識，如果有同學沒看過的，我建議去瀏覽一遍;雖說不是什么實戰性的技法，但對于了解與理解色彩根本還是有根大用處的，那里面主要的色彩屬性定位就是HSL，也就是色相、純度、明度，這篇文章的技法也就是和HSL掛鉤的。

我這簡單講之前HSL是什么，闡述一下，然后我們就開始實戰技巧。

H就是“色相”：所謂“色相”，指的就是像紅色或者藍色這些色調的稱呼，也就是它們的面相，在剛才我說的“曼塞爾色系”的理論(色輪)中，一共會有10種基礎色相;

S是“純度”：是指色彩鮮明的程度，比如：“鮮艷的顏色”、“暗沉的顏色”，這種表達方式就是純度的意思，按照邏輯那么就是越鮮艷的純度就越高，越暗沉的純度也就越低。色輪中，無論是哪種顏色，只要它純度越低，就一定越接近灰色;

L是“明度”：是指色彩的明亮程度，和純度一樣，也是以高和低表示。明度最高是白色，相反，最低是黑色;

好，知道了HSL是什么，我們就可以開始了。

一、設置顏色的HSL

這里指的設置其實就是選定，我們接下來所有的軟件操作案例都使用Sketch為基礎，在你Sketch打開后，先畫一個圓形，然后打開你的圓形填充拾色器，你就看到當前圓形的基礎色了;然后你需要做的第一步就是修改拾色器下方的RGB改為HSL，修改完后，對應匹配的數值，就是當前圓形色彩的色相、純度、明度。

二、隨機選色，確定主色

接下來是隨機選色，這一步比較簡單，意思就是在拾色器里找一個你認為好看的顏色，就這樣;不過需要提點你的是，選定的顏色盡量不要是偏黑、偏灰的顏色，這是因為我們后期的色彩都是需要根據當前色彩去進行延伸的。

三、改變L數值，衍生橫向色值組合

當你選完基礎的顏色后，接下來，我們就要開始在L(色彩明度)身上做點文章了，你可以先將剛才畫好的圓復制10份，這樣我們就以一個一個的進行L(明度)修改了;這里需要開始注意了，我們10份圓形的顏色是不一樣的，在保持HS不變的基礎下，L是以正反“+”和“-”進行過度的。

舉例說明一下：當前色彩為藍色，L的明度為57，我們需要正反“+”、“-”各10下，“+”得出67、77、87、97，翻過來“-”得出47、37、27、17、7，這樣一來，我們就一共得到了10個色相和純度一樣，但明度不一樣的色卡了。

四、H值的延伸，尋找新的色相

接下來，我們開始改變H(色相)的值，我想到這里的同學應該有點感觸了是么，只要H(色相)這邊一修改，就會得到第二種新的色卡了;但是，隨意拖動H數值是錯誤的手法，正確做法是依然在色相數值的基礎上“+”“-”增加10或減少10下，也可累計，這里我+30，得出的色卡就是新的色彩基礎了。