漸層網站上篇

漸層背景設計|想使用漸層配色嗎?讓這些漸層網站幫你!

【推薦原因】

單一的配色已經看膩了嗎?想來點漸層風格的顏色,卻不懂色彩理論,不知道如何搭配嗎?別擔心!只要擁有這些漸層網站,配出適合的漸層背景是件非常容易的事!跟著我們的腳步,一起來了解5個實用漸層網站吧!


WebGradients

1.WebGradients

網站提供180種漸層顏色組合,每種配色都有專屬它的名字,挑選到喜歡的顏色時,直接點選,整個漸層色會填滿整個網頁,讓大家可以清楚的看到實際應用出來的效果。支援PNG擋下載,也有提供CSS語法讓大家使用。(網站連結:WebGradients)

Grabient

2.Grabient

25種漸層組合自由調整自己所需的色系,漸層方向也可以隨意做調整,提供CSS語法讓大家使用。輕鬆打造出視覺上的完美漸層!(網站連結:Grabient)

ColorSpace

3.ColorSpace

網站介面設計得非常可愛,可以自由選擇想要的配色,選擇完色系後下方會跳出推薦你的適合搭配的顏色。或者Colorspace可以讓你任選三種顏色,它會自動幫你組合成漸層色系!也是個蠻實用的功能喔!(網站連結:ColorSpace)

Coolhue

4.Coolhue

網站提供大約30種不同配色的漸層背景,可以下載CSS3語法,不會拖慢網頁載入速度,語法撰寫方式也很簡單。將語法加入網站樣式表,即可應用在區域套用件層色彩。(網站連結:Coolhue)

uiGradients

5.uiGradients

非常有質感的一個網站,uiGradients能產出各種不同漸層顏色,可以直接複製CSS語法,套用在網站製作使用。(網站連結:uiGradients)

 

本文為 TC Incubator 自產精華,檔案為 TC Incubator 自產文件,請勿商用或以任何方式散播、贈送、販售。未經許可不得轉載、摘抄、複製及建立圖像等任何使用。如需轉載,請通過 TC Incubator 申請獲得授權。編:PAN,圖片來源:BRUST

 

TC Summary

1.WebGradients

2.Grabient

3.ColorSpace

4.Coolhue

5.uiGradients

 

《延伸閱讀》


TC的IG
上會有更多相關職場成長懶人包,立即追蹤不錯過任何成長機會!

想持續接收到最精華的文章,可按這裡加入 TC Incubator的LINE@

 

訂閱TC Sharing

追蹤TC Incubator

粉絲專頁


IG懶人包
Close Menu