設計人必備!盤點5大高CP實用性配色靈感網站,操作方便讓新手也能輕鬆上手

1 / 2

(撰文編輯/#執與  粉絲專頁/#與子成說  IG@cooldogyang )

.

設計人在繁瑣的工作事項中,如果能夠擁有幾個自動配色建議的工具網站,就能夠省下非常多作業時間,大大提升工作效率!

這篇文章統整5大CP值超高、實用便利性強大的配色靈感網站,不管是產品、網站、社群平台的架構與經營,或是新手單純想要擁有創作靈感,有了這5個網站,絕對讓你如魚得水!

Coolors

在設計界已經屹立不搖多年的超實用網站,不僅提供網頁無須安裝免費使用,想要更進階還提供IOS付費下載APP方便快速作業、Chrome上付費也能安裝植入,也提供Adobe上購買更多擴充功能。

.

使用教學:

主打一次於五個顏色組合中快速產生配色,以五組色調為限剛好符合網頁一次使用色的建議數量。

按「空白鍵」系統會自動變換不同的色彩組合,喜歡的顏色可進行鎖定🔒,再更換其他顏色直至滿意。

我是廣告,請往下繼續閱讀

使用者可快速選取顏色複製代碼進行使用。

實用度:★★★★

色彩種類:★★★★

鏈接:https://coolors.co

//

NIPPON COLORS

內建代表日本傳統色系的250種顏色,每款顏色都述說著日本悠久文化的歷史故事,絕對是日本愛好者不能錯過的一款絕美網站。網站中可輕鬆索引檢視日本傳統配色,清楚標註各色的名稱、色碼(CMYK、RGB、HEX),閱覽過程中能夠隨機切換不同背景色做搭配。

.

使用教學:

這個配色網頁本身的設計十分素雅絕美,全螢幕的背景顏色十分醒目,搭配字型的運用讓整體感覺非常高雅。

我是廣告,請往下繼續閱讀

右側「MUNSELL」進行開啟或關閉動態隨機顏色轉換,選定顏色後指標滑到RGB上會自動跳出HEX網頁的顏色值,在切換上與各種地方運用上都非常方便。

實用度:★★★★

色彩種類:★★★★★

鏈接:https://nipponcolors.com

PS:如果想要使用中國傳統配色,可搜尋「CHINESE COLORS」,用法與網站如出一徹,等於是NIPPON COLORS的山寨版XD,喜歡中國風色調的朋友可以參考。

//

WebGradients

收錄180種漸層顏色背景提供網頁免費下載,能夠一鍵產生CSS語法,讓你輕鬆快速套入各種網站中,也能下載PNG圖片格式。顏色漸層變幻還能自由選擇縱橫及各種角度,應用上非常靈活。此外它在Photoshop和Sketch上,也有提供免費的素材組合包可供下載(如果想付費贊助也可自行填入金額付費)。

.

我是廣告,請往下繼續閱讀

使用教學:

每款顏色都有提供名稱、色碼及預覽圖,點擊預覽圖後會直接全屏放大並套用到你目前的網頁背景,能清楚看到該顏色的漸層變化效果。

選定顏色後,右上角可直接點擊「下載」PNG圖片,而點擊右下角的「Copy Css」則是複製顏色CSS語法,即可在你要設定的網頁或應用程式語法中貼上。

實用度:★★★★

色彩種類:★★★★

鏈接:https://webgradients.com

//

LOL Colors

這個網站是簡單、設計十分可愛的線上配色工具,以哭泣表情的水滴狀圖案,一組四款顏色做搭配組合,使用上相當簡易容易上手。網站背後的故事也十分可愛,是由設計團隊們在24小時間快速構想研發並完成的,鼓勵所有設計師與新手們也快速動起來,架構自己的理想天地。

.

我是廣告,請往下繼續閱讀

使用教學:

將鼠標移至喜歡的顏色上,即可複製色碼並於你想進行使用的地方直接貼上。

目前網站僅提供固定的組合搭配,更多組合與變化在日後也會陸續推出,是一款新手菜鳥也能快速上手的網站。

實用度:★★★★

色彩種類:★★★

鏈接:https://www.webdesignrankings.com/resources/lolcolors/

//

Color Hunt

這個網站上的色票搭配,是根據網友們票選而來,因此排名是以現下最受喜愛的顏色組合下去排列,想要走在潮流時尚的最前端,這個網站絕對能幫上忙。你也能夠按讚你自己喜歡的顏色~

.

我是廣告,請往下繼續閱讀

使用教學:

一組四色,鼠標滑至選定顏色上即可複製色碼。

左上選項中,有新色、受歡迎的、時髦的或隨機四種不同的顏色搭配可供選擇。

也能夠自己創造專屬於你的個人配色,或是將特別喜愛的常用顏色加入Likes清單,方便日後快速取用。

實用度:★★★★★

色彩種類:★★★★★

鏈接:https://colorhunt.co

.

結語:看完絕美的五大配色網站,你是不是也產生了一些創作靈感呢?

我是廣告,請往下繼續閱讀

心動不如馬上行動~將這些美麗的顏色運用在你想推廣的東西上面吧!

有其他自己偏好愛用的配色網站,也歡迎留言推薦給小編喔!❤️

※文章內圖片及封面/個別網頁截圖

歡迎關注執與小編~留言跟我分享你們的觀後感吧!歡迎追蹤按讚分享文章,謝謝你們~

或許你還想看...生活分享/建議類:

簡單製作專屬有梗圖,你也能成為「梗中之王」!快來創造屬於自己的沙雕表情包吧~

像極了愛情!盤點人生中感到「真香~」的心動幸福時刻!誰說甜蜜限於戀愛~創作屬於你的真香時刻!

「手機依存症」你中了幾點?解析資訊綑綁低頭族的四大現象與解決方法!

還在斷食減肥?掌握四大正確的觀念要訣,打破瘦身迷思,收穫完美體態!

我是廣告,請往下繼續閱讀

常常「真心換絕情」?當心有詐!這五種類型的朋友可能不是真心的!

【討論】惹人討厭的特質,你中了哪些?教你如何成為萬人迷的基本攻略~必看!

【討論】如何實現理想生活?什麼才是理想生活的樣貌?

【分享】當情緒的主人✊🏻掌握快樂的秘訣!❌玻璃心⭕️鑽石心

【分享|經驗】求放過!初出茅廬的職場菜鳥求生記🐣教你如何快速融入群體

【書籍推薦】離開時,以我喜歡的方式|生活怎麼樣 端看你怎麼看待

兩性情感/戀愛類:

是「真愛」還是「佔有慾」?盤點5種讓人心驚膽顫的恐怖行為,審視情人的危險指數,避開恐怖情人!

男女之間可能有純友誼嗎?

我是廣告,請往下繼續閱讀

戀愛後發現不合怎麼辦?磨合還是放棄?

覺得倒追告白勝算很低?教你五大必勝秘訣!讓你一舉成功收穫所愛!

確認一段關係很難嗎?戀愛成為一種負擔?分析為何「只要曖昧不要承諾」的心理因素

遊記/食記類:

【❤️台南】文青女孩必打卡高級特色下午茶店~“西門洋行”|恍惚以為在歐洲,於古董環繞的藝術場景裡用餐|

【遊記】台南*H&H他她咖啡館|網美打卡熱門景點,一天晨起的動力~

【遊記】南投*蠻荒咖啡|網美打卡熱門景點,日月潭上與自然並存呼吸的餐廳~

【懶人包】盤點7間好吃好拍高CP值特色咖啡廳,讓你大飽口福還能輕鬆拍出網美打卡照!

【遊記&好物】夏日北中南景點懶人包➕必備美肌防曬比較推薦!

我是廣告,請往下繼續閱讀

【遊記】台中*外埔忘憂谷/忘憂|電影取景網美景點,遠離城囂在稻田間放鬆身心靈~

【打卡】小七的爸爸來啦!最新時尚「Big 7」台南旗艦店 超商百貨文青咖啡書店應有盡有!

為2020花火節預熱:盤點澎湖四天三夜之旅|熱門景點/高CP值住宿/必買伴手禮|

文學/斑斕心事系列:

為❤️加油🌈致同性戀者與玫瑰鬥士們的一封信💌|以❤️為名 你們值得

成熟是能加冠冕為王,亦能赤足嬉戲如孩童

#color #design #免費網站資源 

#配色網站 #色票 #配色網站推薦 #色彩 #設計 #設計人 #設計師 

#coolors #nipponcolors #lolcolors #webgradients #colorhunt 

我是廣告,請往下繼續閱讀

#popdaily #poper #波波黛莉的異想世界 

#cooldogyang