五分鐘就能學會的色彩搭配，簡單到極致

色彩就是這麼簡單粗暴

先把學術問題丟掉

我不會跟你講什麼RGB三原色什麼CMYK什麼色相什麼飽和度什麼亂七八糟的原理

簡單粗暴

只需了解一種顏色模式 HSB 的"H"模式

HSB包含一個顏色的色相 飽和度 明度

H(hues)表示色相

S(saturation)表示飽和度

B(brightness）表示明度

可以按照我們的需求快速調整顏色飽和度 色度 明度實時控制顏色

打開PS

打開拾色器

顏色的選擇區域

一般的顏色我會選擇如圖中區域的範圍

注意是"一般" 不是絕對而言的

比如綠色 熒光色等

一般情況下

這幾種顏色很少出現在我們的界面中

因為太扎眼了

即使顯示屏的亮度調到最低

面對亮的的顏色

比如 熒光藍往藍色走 綠色降低明度

多種顏色的搭配

大多數時候我們用的顏色都是很多種的

核心點就是把控顏色的統一性

"HSB"模式

確定一個顏色的明度和飽和度

改變這個顏色的色相

紅框內是飽和度和明度

籃框內是色相

也可以用 圖像——調整——色相/飽和度來實現

當然 熒光藍 綠色這種還是需要注意的

SO

在一個頁面上有多種顏色的情況下

先確定其中一個顏色的HSB

再多組複製

直接改變其他顏色的色相就好了

另外還有一種是有背景色

多色搭配的時候一般不會用顏色作為背景

一般用白色或者深灰色

而白色背景下我們需要把顏色降低飽和度

而深灰色背景下則是調高飽和度

背景顏色的選擇

上面講到一般用白色或者深灰色背景

那麼如果用到其他顏色呢

記住一點

要麼就亮（淺色） 要麼就暗（深色） 要麼就主題色的對比互補色來補充

也可以很有個性非常有個性的做法

漸變顏色的選擇

漸變的顏色雖然很難調控

但是只要兩個顏色的明度飽和度一樣

改變色相值

還是會很統一和諧的

一個道理

還可以採用對比色和互補色

記住

在相同飽和度 明度的前提下 改變色相就是最粗暴的配色方案

註：圖片均來源於網路

隨手收集並分享一下

如涉及到版權問題，請多包涵

推薦閱讀：