設計師必備!6 個超好用配色網站推薦

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

很久沒有與大家分享好用的線上工具了!這次整理了 6 款超好用的線上配色工具,不論是硬概念或軟實力都可以藉由這些網站來培養,讓你未來配色不再苦惱啦!

Adobe Color

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

首先要介紹我最常使用的 Adobe Color,Adobe Color 是 Adobe 公司所架設的配色網站,不需要登入就可以使用,左手邊有許多色彩規則可以套用,不需要再自己看著色輪一個個比對了!使用這個網站可以很快速的應用色彩的配色方法,是不是很方便呢?

如果需要色彩靈感,探索的頁面也蒐集了各種不同的作品,包含攝影、插圖、平面設計等等,這些類別下面的作品也抽取當中的配色組合,看到喜歡的還可以直接下載成 JPEG,重點是完全免費!

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

Coolors

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

如果單純只是想要看顏色,推薦 Coolors 這個網站,只要點擊空白鍵,就會隨機推薦 5 種顏色的搭配,不喜歡的話可以再點擊空白鍵即可重新產生新的色票。

可以移動、也可以新增中間色調或移除顏色,如果在配色的時候沒有任何靈感,可以應用這個免費的線上工具找出喜歡的顏色組合。

Material UI Colors

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

再來是 Material UI Colors,是 Google 的 Material Design 所撰寫的顏色指南,可以將這個線上工具當作色彩字典來做參考,因為上面有完整的紀錄各種顏色,可以在上面搜尋配色方案。

不管是 UI 設計,或是社群相關的標準色(例如 Facebook,Line 等),都可以在上面查詢得到!可以說是介面設計師必備色彩神器。

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

Canva Color

Canva color 是 Canva 內建的色彩工具,總共有四款工具可以使用,以下將為大家分別介紹。

Color Palette

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

Color Palette 是附屬在 Canva 設計網站下的色彩生成工具,他可以幫助生成參考照片中的配色方案,可以上傳自己喜歡的照片讓他生成,或是使用內建的 Demo 照片來生成色票。

Color palette ideas

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

而 Canva 的色彩工具除了 Color Palette 之外,也有色彩靈感蒐集 Color palette ideas,提供非常多種色票組合讓你做參考,點擊色票還可以看到色票組合的來源相片。

Color wheel

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

Color wheel 可以看做是比較陽春版的 Adobe Color 色輪搭配,一樣有基本配色工具可以讓你直接在網頁上配色,也可以選擇是要使用互補色配色或相近色配色等等理論輔助。

Color meanings

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

Color meanings 則是如字面上的專門解說色彩本身的意義、歷史發展與脈絡,對色彩的淵源有興趣的可以善用這個頁面查詢。

Nippon Colors

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

Nippon Colors 是一個專門蒐集日本傳統色票的網站,這個網站選用了多種日本的傳統色票,點選顏色可以直接複製色碼,也詳細的羅列出了每個顏色的名稱,非常的有趣。

Duotone

配色器,Color picker,調色盤,Color palette, 配色方案,Colorscheme, 色彩理論 ,Color theory,搭配工具,Colorcombinationtool,色彩搭配,Colormatching,色卡,Colorswatch, 漸層色,Gradient color,網頁設計配色,Webdesigncolor,UI設計配色,UIdesigncolor,品牌配色,Brand color,數字配色,Digitalcolor,印刷配色,Print color,線上設計工具,Online design tool,Adobe 色彩,Adobe Color,設計師工具,Designer tool,色彩挑選,Colorselection,顏色組合,Colorcombination, 色彩運用 ,Colorapplication,創意設計配色,Creative design color

最後一個 Duotone 是一個可以幫你把照片改成雙色調的好用線上工具,可以上傳自己的照片,選擇你喜歡的色調,選擇好就可以直接點擊下載,不用再另外開 Photoshop 調整顏色,是不是非常的方便呢?

加入書籤 (0)

No account yet? Register

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *