這種方法直接使用高版本的Photoshop配色插件即可，默認都自帶，CS6至以上的版本都默認自帶了其中一種。

a）比如我要設計一個圣誕節的網站，圣誕節有糖果，有圣誕樹，那我就需要定義一個『核心色』，綠色或者紅色，圣誕樹或者圣誕帽的顏色。

然后我就可以直接使用軟件大膽建立配色方案啦。

這里我選擇『綠色』，我不用在意我的綠色的飽和度明度是怎樣選擇的，我只要根據自己的感覺，先選擇一個綠色就行。

好，就它了，選擇了很亮的綠色，也不算自然綠。

b）然后把工具欄的背景色設置成這個色，方便我們直接在插件中調用。

c）打開插件，把我們的背景色應用到插件的『基礎色 base color』中, 點擊箭頭所示按鈕即可

選擇色彩的搭配方式，依次是：相似色、單色、二次色（三位一體色組合）、互補色（對比色）、復合色、暗色（陰影色）、自定義。

選擇后，你可以拖動色彩的控制點變換，確定后點擊如圖的按鈕即可添加到色板中使用

色板如下：

好啦，配色方案已出，如果你需要，可以增加對比色，我自己常用的3種色彩搭配模式是：相似色，單色，對比色（適當）

在你正式設計web或者APP的界面的時候，你就要控制好顏色的比例，這個需要長期積累，但是大家只要記住，對比色適當，特殊的一些風格可以用到1/2，但是大部分時候對比色都占少數，單色鋪大色。

第三階段，色彩記憶感

熟悉web設計中的常用配色，甚至可以多記憶，培養一種下意識的色彩感覺，記憶常用的色彩的英文名稱和中文名稱。

（下圖是引用了美國網頁設計規范中的視覺某部分，由于Web規范顏色有上百種，我們不可能一一記住，我們只需要熟悉這幾種常用的色彩，有一個感覺，背景色和文字色，那我們在配色的時候也可以直接引用，我們只要記住了這些常用色在色板中的位置，它的明度和飽和度的差異，那我們很容易直接調用它們。）

常用背景顏色

常用文字顏色

第四階段，高質量色彩資源探索學習

學習譬如Google design中的Color，Material design等新玩意兒，學習新的色彩思維和創意方法。

Google.com/design

（下圖是網站截圖）

好啦，通過以上4各階段的學習，或者一般情況學習到第二個階段，你就可以運用軟件安全的創造一套配色方案。不需要太深的色彩基礎。

如果你確實很懶，沒關系，只要掌握了第二階段的軟件配色方法，就OK，當然色彩的比例要自己多練習多把控了，并不是說你創造了配色方案就能做出漂亮的作品。這就需要我們掌握以下色彩比例控制?。?/p>

未來還會做一篇文章，專門講解色彩比例控制的技巧和方法，希望這篇分享對大家有用哦！：）本文章由沒位道博主@Chuckie-Chang 分享整理, 歡迎大家交流。