在你的 PPT 或者海報設計中,可能會用上漸變這種本來過了時,又成為流行的奇怪配色。但別人的漸變大多都是這樣的;而不懂配色的你,做出來的都是這樣的、這樣的……如果沒有配色基礎,或者對色彩搭配並不敏感,有這麼些在線工具,可以讓你獲得不錯的比旁人高級的漸變配色方案。


你的高效生活視頻書。


CoolHue >>

CoolHue

首頁大概有 60 種漸變色背景,

當然,這個數目會持續增加。

選擇你中意的配色方案,點擊下載即可獲得一張適當解析度的方形 PNG 圖片。

點擊代碼圖標,可以複製該漸變色的 CSS3 語法。在一些網頁設計中,直接應用,相比上傳漸變色圖片,更省流量。下方可以直接複製 16 進位代碼,用於 PPT 或者 PS ,甚至電腦畫圖程序當中。

Uigradients >>

Uigradients 也是一款簡單的配色網站。點擊左上角的菜單,即可顯示所有內容。

通過不同顏色選擇不同配色。點擊右上角的方向箭頭,可以旋轉配色角度;

點擊代碼按鈕,可以複製它的 Css 代碼,用於其他設計。點擊下載按鈕,即可獲得一張足夠解析度的 JPG 圖片。當然,你還可以直接點擊頂部的色值,複製 16 進位色值。

Webgradients >>

Webgradients

大概擁有 180 種漸變配色,在首頁點擊色塊即可全屏顯示當前配色方案;

同樣,在底部可以複製 16 進位色值以及 CSS 代碼,點擊色塊右上角,即可下載 PNG 格式圖片。

Gradients of Shapefactory >>

Gradients of Shapefactory 其實是整個網站的功能之一,其他功能你可以自行去發掘。

整個界面顯示當前色系的不同漸變顏色;點擊色盤,更改色系。拖動左邊的球形按鈕,可以改變色度和亮度;

滑鼠放在某一色塊上,點擊圓圈並旋轉拖動可以改變漸變色的角度。

同樣可以複製 16 進位色值,以及 CSS 代碼;點擊圖片,可以看到全局。

最後,歡迎在我們的公眾號後臺回復

漸變配色

,我們把剛才的四個網站網址全都整理了一遍。

[ … ]


 一起來玩兒 Topbook 小程序

Copyright.

吐血出品,未經許可不得轉載、洗稿、盜用。

轉載&商務合作請聯繫微信 yanghuaua .


推薦閱讀:
查看原文 >>
相關文章