配色對一項設(shè)計的重要性，這邊就不多加贅述。在色彩設(shè)計應(yīng)用中，我們對顏色不同程度的理解，將影響到產(chǎn)品，設(shè)計頁面的表現(xiàn)，熟練地運用色彩搭配，設(shè)計時可以事半功倍。一個優(yōu)秀的設(shè)計作品，它的色彩搭配必定和諧得體，令人賞心悅目；這一系列文章推薦色彩網(wǎng)站。第一輯就從十個漸變色網(wǎng)站開始，請君觀賞。

1.GRABIENT

(資料圖片僅供參考)

Grabient是一個專注于網(wǎng)頁漸變色配色方案的網(wǎng)站，網(wǎng)站自身提供了多種漸變色方案供用戶選擇，這些每一種配色方案都可以非常簡單方便的進行修改，網(wǎng)站提供的功能可以讓用戶進行漸變色角度調(diào)整、顏色選擇、復(fù)制漸變色css代碼等。

2.uiGradients

這個網(wǎng)站直接將漸變色填充成背景，可以非常直觀的看到效果。點擊右邊的下載按鈕，可以將當(dāng)前的漸變背景下載到本地

3.Gradient Hunt

Gradient Hunt 是一個免費開放的色彩靈感平臺，有數(shù)千種時髦的手工制作的顏色漸變。

4.Color Spark

Color Spark是一款非常易用的選色器，開啟網(wǎng)站按下開啟網(wǎng)站按下「Generate」按鈕，每次都會隨機出現(xiàn)一種顏色，同時也會顯示Hex顏色代碼，可以快速復(fù)制。

5. eggradients

但漸變顏色無處不在。這種設(shè)計每年都在發(fā)展。最重要的設(shè)計，顏色，開始進化。包含200+漸變背景色的漸變調(diào)色板。

6.Gradient.shapefactory

Gradients of Shapefactory 其實是整個網(wǎng)站的功能之一，其他功能你可以自行去發(fā)掘。整個界面顯示當(dāng)前色系的不同漸變顏色；點擊色盤，可以更改色系。拖動左邊的球形按鈕，可以改變色度和亮度；鼠標(biāo)放在某一色塊上，點擊圓圈并旋轉(zhuǎn)拖動可以改變漸變色的角度。同樣可以復(fù)制 16 進制色值，以及 CSS 代碼；點擊圖片，可以看到全局。

7.Free Mesh Gradient Collection

100種漸變色配色方案，可以下載配色方案圖片。

8.Culrs

作為設(shè)計師，當(dāng)你為一個設(shè)計作品配色時，并不是色彩好看就行，還需要根據(jù)作品表達的情緒、受眾群體等方面去考慮。比如開心、憤怒、目標(biāo)人群是兒童、青少年、男性還是女性等等。所以顏色是不能隨便用的。Culrs 剛好是擁有這些分類的一個在線配色工具網(wǎng)站。

9.Coolhue

CoolHue 首頁大概有 60 種漸變色背景，當(dāng)然，這個數(shù)目會持續(xù)增加。選擇你中意的配色方案，點擊下載即可獲得一張適當(dāng)分辨率的方形 PNG 圖片。點擊代碼圖標(biāo)，可以復(fù)制該漸變色的 CSS3 語法。在一些網(wǎng)頁設(shè)計中，直接應(yīng)用，相比上傳漸變色圖片，更省流量。下方可以直接復(fù)制 16 進制代碼，用于 PPT 或者 PS ，甚至電腦畫圖程序當(dāng)中。

10.Web gradients

最后再推薦一個網(wǎng)站，里面的漸變樣式非常漂亮。Webgradients 大概擁有 180 種漸變配色，在首頁點擊色塊即可全屏顯示當(dāng)前配色方案；同樣，在底部可以復(fù)制 16 進制色值以及 CSS 代碼，點擊色塊右上角，即可下載 PNG 格式圖片。

本文由設(shè)計與設(shè)計師原創(chuàng)整理，轉(zhuǎn)載請注明出處。

免責(zé)申明：公眾號宗旨是收集好的資料分享，非盈利性質(zhì)。部分內(nèi)容來源于網(wǎng)絡(luò)或網(wǎng)友自主投稿編輯整 理，版權(quán)歸原作者所有，其內(nèi)容為作者個人觀點，并不代表本公眾號贊同其觀點和對其真實性負責(zé)。如您(單位或個人)認(rèn)為本公眾號某部分內(nèi)容有侵權(quán)嫌疑，請通知我們，我們將第一時間予以更改或刪除。