這兩年很流行用漸變色，漸變色的配色調的好往往事半功倍，讓人賞心悅目！但如果配色沒選好，做成漸變只會起到相反的效果，所以對於新手來說要做出好看的漸變確實有難度。
漸變元素在設計中應用也非常廣泛，比如字體、icon、海報、包裝等設計中都能運用，效果好看又顯著。
所以今天我準備了很多關於【漸變】的乾貨，從插件，素材，網站一步到位！
PS : 安裝包都在文末，如果沒有耐心看下去可以直接文末下載！記得點個廣告哈！
https://webkul.github.io/coolhue/
這是一個漸層背景網站，裡面有很多漸層背景，可以免費下載為圖片格式或產生 CSS3 語法。
每個色塊左下角會有兩種顏色色碼。將滑鼠遊標放在到色彩上方，會顯示「產生 CSS」及「下載圖片」圖標。，把它加入網站樣式表，就可以應用了。
https://webgradients.com/
這個網址是設計師經常會用的網站，目前大概有180個漸變色彩，可以作為網站任何部分的內容背景，同時它還可以提供很多種下載格式。
直接下載 Sketch/PSD 或複製十六進位顏色編碼就可以了。
https://uigradients.com/#SunnyDays
這個網站比較人性化的一點是可以跟根據色系進行選擇！你從導航欄中隨意點擊一個顏色，下面就能出現有、與它相同色系的其他配色。
應用方式也不難，顏色的色值都在上方導航欄裡顯示了，點一下就複製了。
http://nipponcolors.com/#tonocha
日本的傳統色，看著很舒服的高級灰，上面的顏色和數值看著一目了然，滑鼠的點擊色卡的時候，整個頁面會顯示出這個顏色，是個非常高大上的網站。
https://colorhunt.co/
這個網站裡面的配色很清楚，一種漸變顏色由幾種配色構成，都已經以不同色塊的形式顯示出來了。滑鼠放在上面的時候，不同色塊可以顯示出不同的數值。很方便。
怕大家找不到，先說一下，這個色譜表是資源包中的一個PDF文件。
文件中為 psd、ai、sketch、xd 格式的，直接拖入相應的 PS、AI、Sketch、Adobe XD 軟體即可打開編輯。文件中為.grd格式的，是 PS 的漸變設置文件，導入步驟如下：
1. 打開 PS，選擇漸變工具，調出漸變編輯器：
2. 點擊載入，選擇要載入的.grd格式文件：
3. 點擊打開之後，可以看到新的漸變設置已經在預設中了，選擇一個樣式進行編輯即可：
資源獲取
後臺回復【漸變】
即可獲得資源包