在群里經(jīng)?？吹揭恍┏跫壴O(shè)計師都會有一個通病，在選擇顏色漸變的時候都拿不準(zhǔn)，顏色發(fā)灰顯得臟，不通透，但又不知道是哪里出的問題，看完這篇文章，也許就不會那么抓狂了。關(guān)于漸變色的趨勢和應(yīng)用，之前Clh學(xué)堂文章里面也有講過，如“扁平化網(wǎng)頁設(shè)計中的漸變運用”深圳Clh這次分享不會深入的去分析每個顏色的屬性，因為有太多的文章和書講解過了，本文是漸變快速技巧實戰(zhàn)篇。

我們在生活中看到的晚霞，還是日常banner或者是界面中按鈕的應(yīng)用，漸變色彩的搭配無疑是目前設(shè)計師非常喜歡的形式，然而調(diào)出這種漸變色并不是一件容易的事。

不賣關(guān)子，給大家先上個圖，這是用下面的方法調(diào)出來的部分漸變色，毫無抵抗力啊，當(dāng)然還可以延展非常多。

我們打開Photoshop，拾色器默認(rèn)情況都是下面這樣的，我們也都習(xí)慣的在這個模式下去選擇顏色，但今天會給大家介紹下其他模式的應(yīng)用。

先簡單介紹一下HSB,Lab,RGB,CMYK是什么功能，其實這是幾種不同的色彩模式。

- HSB模式中：H表示色相，S表示飽和度，B表示亮度。

- RGB模式中：是指的三原色，R紅色、G綠色、B藍(lán)色

- Lab模式中：L表示亮度，a表示從紅色至綠色范圍的顏色分量，b表示從黃色至藍(lán)色范圍的顏色分量。

- CMYK模式中：C青色、M洋紅（品紅）、Y黃色、K黑色

很多剛接觸Photoshop的這個軟件的同學(xué)，如果打開拾色器是下圖這樣，拾色器中間的豎條不是默認(rèn)的多色情況，多數(shù)會以為軟件出問題了，然后搜索問題。

剛接觸PS的我也是如此，但前幾天的又一次鼠標(biāo)意外，發(fā)現(xiàn)拖動滑塊可以非常好的運用RGB模式去搭配顏色，尤其是臨近色和純色的的搭配（之前雖然知道類似的，但是這個能更直觀的看到）下面舉例紅綠藍(lán)顏色的搭配，當(dāng)然還可以延伸出更多的色彩搭配，更多可以打開ps實踐玩起來。

雖然得到了這些很棒的漸變色，可以幫助更好的進(jìn)行選擇，但是在選擇的過程中依然要對飽和度、明度的細(xì)微調(diào)整才能使用。

除了用拾色器進(jìn)行色彩的選擇，還有其他的很多方法可以進(jìn)行顏色的搭配，下面在列舉一種純懶人方法，我們經(jīng)常會在電影中或者一些風(fēng)景中看到非常棒的顏色搭配，我頻繁使用的一個方法就是高斯模糊。

1、首先找到一張你滿意的圖片（網(wǎng)上搜的圖，沒有高清無碼的，老司機(jī)自行腦補(bǔ)細(xì)節(jié)）這個方法不要求圖片的大小，小圖一樣可以。

2、濾鏡-模糊-高斯模糊，半徑根據(jù)你選取的圖片去調(diào)整。

3、模糊之后還是會顯得畫面發(fā)灰，那這個時候就需要你用曲線和色彩飽和度配合去調(diào)整，通常情況下發(fā)灰都是對比度不夠，那就加對比，一個曲線解決不了，那就拉倆個。

4、最好一步，移動到合適的位置，也可以像我一樣截取某一塊進(jìn)行拉伸，簡單幾步，你想要的顏色就出來了，初次用這個方法還可以用得到的圖片加上圖層混合模式去疊加在某張圖片上， 也會有意外效果，熟練幾次這個方法你一定會非常喜歡的，沒事多多舉一反三。

最后也給大家推薦下這個漸變網(wǎng)站，uigradients提供了多種漸變色配色方案，并且鍵盤左右可切換，也可以直接復(fù)制色值，下次你就可以霸氣的給對方扔幾十個漸變?nèi)ミx。