https://webkul.github.io/coolhue/

這幾年大家都喜歡使用漸變色作為背景圖，有一些則會(huì)選用高畫質(zhì)、高分辨率免費(fèi)圖庫(kù)相片，相較于單色背景來(lái)說(shuō)，漸層色看起來(lái)更有活力，且目前技術(shù)只要通過(guò) CSS3 語(yǔ)法就能將漸層運(yùn)用到網(wǎng)頁(yè)中，不會(huì)拖慢網(wǎng)頁(yè)載入速度，語(yǔ)法撰寫方式也很簡(jiǎn)單，幾乎可以說(shuō)一段語(yǔ)法就能快速套用背景。

本文要推薦的「CoolHue」是一個(gè)相當(dāng)實(shí)用的漸層背景網(wǎng)站，提供大約 30 種不同配色的漸層背景，可以免費(fèi)下載為圖片格式或產(chǎn)生 CSS3 語(yǔ)法。只要把它加入網(wǎng)站樣式表，就能在任何區(qū)域套用漸層色彩。

STEP 1

開啟 CoolHue 網(wǎng)站后可以看到這些漸層顏色，每個(gè)色塊左下角會(huì)有兩種顏色色碼。將鼠標(biāo)游標(biāo)移動(dòng)到色彩上方，右下角會(huì)顯示「產(chǎn)生 CSS」及「下載圖片」圖標(biāo)。

STEP 2

你可以使用傳統(tǒng)方式來(lái)下載圖片，獲取某個(gè)漸層色背景 500×500 大小的圖片，或者我推薦比較好的方法，直接將 CSS 語(yǔ)法放到網(wǎng)站樣式表就能使用了！一來(lái)不用額外下載圖片、減少流量，另一方面在使用或修改上也更為簡(jiǎn)單。

附件里可下載安裝。支持sketch、Adobe XD、PS

作者地址

https://webkul.github.io/coolhue/

https://dribbble.com/nitishkmrk