紫色

粉色

咖啡色

看完案例后可以發現，界面的配色確確可以影響到我們對這個作品的視覺感受，所以在界面設計后可以更具你定義的這個產品特質：比如咖啡類產品基本主色固定使用咖啡色、或行業特性：金融產品基本使用藍色、又或是你希望傳遞出一些不一樣的感受還可大膽創新。

2【確定飽和度與明度】

在這里需要簡單介紹一些，在ui設計中最常使用的色彩調節模式：HSB。

H(色相)：即我們上面內容講的紅、橙、黃、綠….

S(飽和度)：色彩的純度

B(明度)：色彩的明亮度

接下來主要講下HSB在拾色器上的選擇范圍，提前了解了一下目前網上介紹的一些方法，可以看出不管是哪種方法，靠下面靠右邊的區域都是不推薦使用的。

根據自己的使用頻率和分析一些優秀的作品后，總結了如下規律：

03 輔助色如何選擇?

色相環中每個顏色都可以是主色，每個主色都能形成它們自己的同類、類似、鄰近、中差、對比、互補色。色相環上兩色之間的夾角可表示顏色之間的區分強弱，不能顏色搭配起來視覺效果感受不同。

同類色：15°角內的顏色

鄰近色：60°角左右的顏色

類似色：90°以內的三個互相連接的顏色

中差色：90°左右的顏色

對比色：120°左右的顏色

互補色：180°左右的顏色

1【同類色】

15°以內，屬于單色調搭配。12 色相環中，同類色相當于單色。

同類色配色極易調和，但對比微弱，色彩容易同化而顯得含糊不清，有點平淡乏味。所以在配色時需要拉大明度色階比如大紅與淺粉或點綴少量對比色，以獲得理想效果。

2【鄰近色】