同類色配色，我是這麼做的

在我們剛剛開始做設計的時候，每當看到一個感覺很好的配色方案時，都會不經想到：他們究竟是怎麼做到的這樣的配色的？

圖片來源於網絡

為了掌握配色，很多人都會去學習專門的配色教程，或者去看專業的配色書籍。像是是互補色，鄰近色，這些名詞大家都不會很陌生。可即便是知道這些色彩知識，但當我們實際去運用的時候，卻還是會遇到了很多的問題。一個好的配色並不是僅僅只是那些擁有設計天賦的人才能掌握的。通過一些公式化的配色技巧也能讓大家在搭配色彩的時候有心中有色、不至於沒有頭緒無從下手。

今天給大家介紹一種同類色中配色的方法，你只需要簡單的增加、減少，色相、飽和度、亮度的數值就可以很輕鬆的掌握它。

01. 色彩模式 – 瞭解 HSB

首先現在的設計師大多都是在屏幕上完成工作的，在剛開始學習設計軟件的時候，都知道要設置正確的色彩模式。比如RGB和CMYK：RGB 稱之為色光的三原色，而 CMYK 則稱為印刷的四原色。

而上面的兩種色彩模式都是基於屏幕和印刷的，現在做配色的時候我建議大家選擇更貼近人類感官的方式 HSB( 有時也稱作HSV ）

HSB 分別表示的是 色相（Hue）飽和度（Saturation）以及亮度（Brightness）大家要好好記住這三個數值。

02. 巧用 HSB 數值變換

當你在HSB 模式下進行同類色配色時，首先要必須先確定一個色相（H），接下來就只需要對後兩項數值進行加減就能很快完成。

下面我給大家舉個例子，比如説下面這個電腦，在確定了紫色的色相值為270，其他的數值在這個值的基礎上變化。

來看看具體是哪些數值發生了變化：

從上圖可以看到基礎色的飽和度是24亮度是96，通過修改後兩項數值你可以發現：

同色相加深 = 飽和增加亮度減少
同色相變淺=飽和減小亮度增加

看到這，相信大家對 HSB 的同類色配色有了相應的瞭解。但是記數值還是覺得太麻煩了，有沒有更簡單的方式呢？別急我們接下來看。

03. 用圖層模式快速打造配色方案

圖層疊加大家都瞭解，這裏我就不做更多表述了，那怎麼把它運用在配色方案裏呢？

首先，最簡單粗暴的方法就是在確定了一個顏色之後，把它複製出N份。在純黑和純白的底上，做不透明度的變化。如圖：

相較於 HSB 這個方法，會更直觀的讓你進行色彩選擇。也能快得到效果，你不必糾結，飽和度、亮度該增加多少減去多少。上去就是一頓不透明度調整，快速達到自己想要的效果。

04. 總結

配色的方法不止這一種，每個人都有自己習慣的方式。數值的設置也不用太死板，不同的情況調整的數值也不一樣。在本文中只探討了在固定的色值基礎上的顏色變化。

海鹽社

作者：劉清