正在閱讀
【配色設計】美感欠提升?5個配色靈感網站不藏私分享!

【配色設計】美感欠提升?5個配色靈感網站不藏私分享!

配色設計
https://www.instagram.com/p/CCoRBIxgUaq/

身為品牌設計出身的ADORN,配色設計是我一直以來很重視的一個環節;色彩美感雖不是一兩天就能練成的,但能透過尋找大量素材及參考資料獲得靈感,今天就來跟大家分享一些配色設計的網站及我個人的IG版面配色分享囉~~

ADORN

大家好我是勇敢的ADORN!💙

這是我的個人網站-Be Brave ADORN帶領大家一起變得更勇敢,由內而外遇見更好的自己

想更了解我可以先看看以下這些

💙關於ADORN💙

💙IG追蹤給個鼓勵👉 追起來!

💙 FB粉專點讚鼓勵一下 👉 讚起來!

配色設計網站推薦1-coolors

以下所有截圖來源:Coolors

配色設計

首先>>點此去網址

介面很直觀,右上角註冊完畢後,直接點選網頁中間的按鈕就可以開始!

觀看漸變配色

配色設計

進去後會出現幾個默認顏色,滑鼠放上去會有一些小圖標

這個”VIEW SHADES”點下去

配色設計

就能看到這個顏色的漸層變化囉~還蠻好用的,這樣如果你要做漸層變色就很適合

收藏喜歡的顏色

配色設計

看到喜歡的顏色還可以點星星符號收藏

探索色票組合

配色設計

右邊這邊可以探索更多不一樣的色票~

有很多別人配好的,非常適合新手

coolors (7)

身為藍色控當然毫不猶豫選擇這個XDD

coolors (8)

一樣滑鼠移到上面可以複製這個色票號碼,用於很多領域

像是我會用在ILLUSTRATOR作圖,或是網頁的配色等等

從照片取色

coolors (10)

如果想從自己拍攝的照片中取色,這個功能真的很適合新手

其實就跟ILLUSTRATOR滴管工具是一樣的道理XD

但是可以幫妳精準到色票號碼~而且不用再打開軟體

保存配色

coolors (9)

大概功能用一用後相信你也找到自己喜歡的色系了~

可以在右上角儲存唷~~~

以上所有截圖來源:Coolors

配色設計網站推薦2-NIPPON COLORS

以下所有截圖來源:NIPPON COLORS

nipponcolor (1)

每次進來網頁都會是隨機不同的顏色

nipponcolor (2)

滑鼠往下可以找到更多不一樣的顏色,我當然選藍色點點看!!

nipponcolor (3)

旁邊會顯示此色票的"CMKY"及"RGB"色號

CMYK主要用於印刷的色票~

像我之前做雜誌設計及名片設計都需要把稿件印刷出來就需要用CMYK格式

點此去看>>維基百科的CMYK解釋

點次去看>>維基百科的RGB解釋

nipponcolor (4)

當你沒靈感的時候,也可以點選右邊這個按鈕讓畫面隨機出現顏色

這個網站設計得非常簡潔,使用上也很快速,整個日系的高級灰色系深得我心!

以上所有截圖來源:NIPPON COLORS

配色設計網站推薦3-ITEMO

以下所有截圖來源:ITEMO

itmeo (5)

這個網站的功能比較適合"網頁設計師"

itmeo (1)

網頁非常的直觀,很多組背景顏色直接看到喜歡的就點

itmeo (2)

看到喜歡的顏色滑鼠點上去!!

itmeo (3)

就可以全螢幕觀看這個顏色!!

由於是主要給網頁配色用,所以這樣就能一目瞭然如果套用在網頁上的視覺呈現效果

itmeo (4)

還有很多美麗的漸變配色,ADORN也好心動想改顏色囉XD

線性漸變的顏色非常獨特又夢幻!!!

以上所有截圖來源:ITEMO

配色設計網站推薦4-PALETTABLE

以下所有截圖來源:PALETTABLE

喜歡或不喜歡的直觀選擇題

PALETTABLE (6)

一樣是每次進來會有隨機顏色

但我超喜歡這個網頁原因是他直接給你選擇

左邊是不喜歡,右邊是喜歡

怎麼有點像交友軟體!(誤)

PALETTABLE (1)

選擇了不喜歡,就會馬上隨機跳其他顏色給你,如下圖

PALETTABLE (7)

你可以狂按不喜歡,直到遇到喜歡的XDD

PALETTABLE (2)

但如果你選擇了喜歡,一組最多也只能有五個顏色哦!!

導出喜歡的一組顏色

PALETTABLE (3)

導出方式可以選擇"網址"或是"圖片"

本人配出的一組顏色導出成為照片格式如下圖

也可以>>點此看導出網址版本

PALETTABLE (5)

以上所有截圖來源:PALETTABLE

配色設計網站推薦5-Material Design

以下所有截圖來源:Material Design

material (1)

這叫做"MATERIAL DESIGN"的網站有很多設計資源

本次介紹的是他的"COLOR TOOL"符合我們配色靈感的主題~其他大家有興趣可自行去摸索唷!!一定也會很有收穫

material (2)

一樣非常的直觀,直接在右邊選擇喜歡的顏色就會出現在左邊預覽效果

material (3)

如果你想要自己設定具體的顏色,他可以輸入色號

material (4)

我個人非常推這個是因為他能讓你選好整組配色,並直接用在排版預覽!

如上圖就是我有選擇四個不同顏色,他會呈現在排版

很適合你在其他網站找到顏色後來這邊直接輸入並搭配

比如以下就是我用"深藍"字體搭配"白色"字體,在"淺藍"背景的效果

但是如果跟我一樣用ILLUSTRATOR的讀者當然就直接在軟體上看就可以XD

配色設計

>點此查看以上原文 (opens in a new tab)” rel=”noreferrer noopener” class=”rank-math-link”>>>點此查看以上原文

以上所有截圖來源:Material Design

配色設計IG推薦

現在不一定大家隨時能用電腦,但總是手機不離身吧?

所以也推薦一些IG帳號給大家可以隨時找找配色靈感!!

@awsmcolor

View this post on Instagram

Bring in the winter vibe with these colors! 🎨 #AWSMCOLOR315 ⁣⁣⁣⁣⁣Colors ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣👉 043353 • 18A4E0 • FAF8F0 • D3DDE6 ⁣⁣⁣⁣⁣Text Colors ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣👉 FAF8F0 • FAF8F0 • 18A4E0 • 648796 ⁣⁣⁣⁣If you found this valuable, make sure to share the love and save it for later!⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣👉 Gradient inspiration @awsmgradient⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣👉 Color palette inspiration @awsmcolor⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣👉 Personal account @iamazisso⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⠀⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ ⁣⁣⁣⁣#colourpalette #colourscheme #instacolors #instacolour #awsmcolor #uidesigner #uxdesigner #illustragram #digitaldrawing #octane #ui #dailyui #designdaily #octanerender #graphicdesigndaily #colorinspiration #posterdesign #characterillustration #vectordesign #designeveryday #visualdesigner ⁣#illustrationdesign #designtools #visualdesign #visualdevelopment #motiondesign #motiongraphic #color_of_day

A post shared by Awsmcolor | Awesome Color (@awsmcolor) on

@coolors.co

@colours.cafe

配色設計網站總結

  • Coolors-適合新手,可以直接取用別人的
  • NIPPON COLORS-喜歡日系顏色或是想找日系配色靈感,想用於印刷文宣
  • ITEMO-適合設計師,特別是網頁及UI設計領域的
  • PALETTABLE-超適合新手,喜歡不喜歡直接選的直觀配色法
  • MATERIAL DESIGN適合排版配色,直接看到幾個顏色搭配在排版設計中的呈現效果
  • 各種IG配色設計帳號-適合出門在外沒電腦直接找靈感並收藏

配色設計運用領域

服裝及配件搭配

配色設計

社群及網頁配色

配色設計
配色設計

文宣及廣告配色

配色設計

居家空間及家具搭配

配色設計

名片及品牌識別色

……無限可能等你發掘

>>也來看看這篇吧:)
IG漲粉

ADORN的個人品牌配色

IG版面配色設計

ig配色設計
ig配色設計

個人網站配色設計

配色設計
配色設計

配色設計分享總結

其實配色的部分最建議大家先有個自己的大概想法

比如我都喜歡藍色,但剛開始我也不明確自己具體喜歡的藍

後來也是經過不斷摸索試驗,包括個人網頁及LOGO設計

才固定才為比較主要的那幾個藍色

說實話剛開始也沒有接觸這些網站,因為我還是鼓勵大家有自己想法為主

不要過度依賴其他人的配色

這些網站只是提供靈感,但最終還是要保有自己的鮮明特色哦!

希望大家看完都對配色設計更有方向了~~

>>如果真的還是有疑問也歡迎>>>諮詢我

或是參考我的>>客製化配色服務

諮詢ADORN,迅速找到你的IG經營定位

如果看完你還是不知該從何開始,快諮詢ADORN找到你的方向吧

不論是經營自媒體或是商家品牌都適用,全部學生5星好評無一例外!

實戰派不講空談理論,讓你學習完馬上知道該怎麼做~

>>點此下單IG實戰線上1對1諮詢

>>點此下單IG實戰線下諮詢座談會

>>點此看我的諮詢案例

以下為部分學生真實評價分享~(未完待續請點圖看)

線上/線下皆可參加學習!更多資訊還有不瞭解的>>歡迎私訊ADORN

之前在IG也有分享過自己設計的藍色版面配色

View this post on Instagram

.⁣ #文內超優福利放送⁣ 即日起到7/17版面配色技巧不藏私分享中!!🎉⁣ 左滑⬅️看參加活動步驟還有隱藏版福利⁣ ⁣ ADORN這次用心為對版面配色苦惱的人們整理的個人配色案例😎⁣ 加上新手超好上手的配色方法通通都在精華PDF文件,參加活動就免費送給你!🎁 🌟⁣⁣ (任何顏色都可以配!不只有藍色啦~~~🤣)⁣ ⁣ 活動結束加碼抽出1位幸運兒❗️❗️😍🎁 ⁣ ADORN為你特調客製化專屬IG版面配色⁣ 具體直播抽出時間之後再公布敬請關注👍⁣ (請大家幫助ADORN早日破萬上滑方便分享文章給大家~鞠躬)⁣ ⁣ ⁣ 🔹參加步驟超簡單:⁣ 1.點讚這篇貼文並追蹤我 @adorn5259 💙⁣ ⁣ 2.分享本文到限時動態並 @adorn5259,請放滿22小時私訊給我分享截圖,我會提供完成者表單以供寄送我整理的PDF😉⁣ ⁣ 3.在本貼文@標記兩位上進的朋友並在底下真誠的留言💬:ADORN的哪篇文章對你幫助最大,或是你未來期待什麼樣的內容?🧐⁣ 讓更多人獲得更多正能量跟時尚相關資訊,啾咪愛你悶~💙⁣ ⁣ 🔹⚠️以上步驟缺一不可⚠️🔹⁣ 🈲️請勿標記小號/不認識的人造成困擾🈲️🙏⁣ ⁣ ⁣ ⁣ ⚠️注意事項:⁣ -真的真的很想要我的客製化版面配色的朋友,只要「邀請10位沒追蹤ADORN的朋友成功參加本活動並完成所有步驟✅」⁣ 一樣可以贈送!(名額有限,先行動先贏✉️完成後記得私訊我10位朋友ID,確認符合資格即可💗🈲️小號)⁣ ⁣ -參加完活動就退追的帳號也會列入黑名單,請尊重創作者心血🙏⁣ ⁣ -會陸續確認資格並核對E-MAIL統一發放文件✅請發揮同理心,耐心等待勿催促~⁣ 無禮者ADORN有權不予發放❌⁣ ⁣ -根據ADORN的方法完成版面配色的朋友可以在貼文@ADORN,會從中挑選質感作品分享給更多人認識你!💗⁣ ⁣ -獲得客製化色調的幸運朋友請耐心等待製作,以確保品質✨⁣ ⁣ -謝謝每一位陪伴ADORN的新老朋友,希望大家不論在經營、穿搭、個人成長各方面都能收穫滿滿😉⁣ ⁣ .⁣⁣ .⁣⁣ .⁣⁣ .⁣⁣ .⁣⁣ .⁣⁣ .⁣⁣ .⁣⁣ .⁣⁣ .⁣⁣ #配色 #設計 #品牌設計 #IG經營 #版面設計 #個人品牌 #自媒體 #IG行銷 #IG技巧 #社群經營 #brand #作品 #色彩#藍色控 ⁣ #品牌 #創業 #網路行銷 #里程碑 #學習  #社群 #行銷  #版型  #IG教學 #知識型  #pantone2020 #colorpalette#pantone#colourpalette#popdaily

A post shared by 𝐀𝐃𝐎𝐑𝐍耳洞💙| Blue Content Creator (@bebraveadorn) on

相關好文推薦

💙你可能也會想看這些💙

👉👉💙ADORN的所有品牌經營專欄💙

👉👉【IG經營】粉絲數是經營IG中最重要的嗎?

👉【IG漲粉】IG漲粉入門11秘訣不藏私大公開!!

👉【社群經營】不盲目跟風的「做自己」社群經營學

👉【讀書心得】為何要經營個人品牌?成為與眾不同的人,贏得更多共鳴!《SNS社群行銷術:關鍵就是「3F」

👉【社群經營】4步教你如何定位社群經營內容力!

👉【創業故事】 我為何畢業不到6個月就開始創業? ADORN & FANCY 自創品牌創立故事(一)

👉【自媒體經營】從零經營自媒體必備9個條件大解密!

👉【讀書心得】如何評估你自媒體的影響力及行銷力?《你,就是媒體!》

👉👉💙ADORN的所有穿搭技巧專欄💙

👉👉特別篇【羽毛耳環穿搭】 6種夏季必備羽毛耳環穿搭示範!

追蹤耳洞看更多

ADORN

希望你喜歡今天的分享,也歡迎留言或是私訊跟我說你想聽的主題😉📩

以下順手支持一下耳洞~讓你天天充滿正能量!!

💙IG追蹤給個鼓勵👉 追起來!

💙 FB粉專點讚鼓勵一下 👉 讚起來!

💙 個人網站 👉 讀起來

💙各式合作邀約 👉郵寄聯繫我

或是點下面也可以讚IG跟FB唷💙

你的每一個支持點讚都是我持續創作分享的動力!!

*文章皆為用心產出的原創內容,若需轉載請聯絡本人並註明出處,謝謝您!

IG也記得讚一下鼓勵我~

View this post on Instagram

.⁣⁣ 《美感欠提升?5個配色靈感網站不藏私分享!》⁣⁣⁣💙❤️💛🧡💚💜⁣ 身為品牌設計出身的ADORN⁣ 配色設計是我一直很重視的一個環節😌⁣ 色彩美感雖不是一兩天就能練成的,但能透過尋找大量素材及參考資料獲得靈感⁣💙 今天就來跟大家分享一些配色設計的網站及我個人的IG版面配色分享囉💡⁣ ⁣⁣ 如果覺得很有幫助,也記得分享給身邊的朋友一起學習成長✉️👭⁣⁣⁣ 具體操作及個人應用案例請看部落格網站🔗✍️⁣⁣ ﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊⁣⁣⁣⁣⁣ ▧Coolors-適合新手,可以直接取用別人的⁣ ▧NIPPON COLORS-喜歡日系顏色或是想找日系配色靈感,想用於印刷文宣⁣ ▧ITEMO-適合設計師,特別是網頁及UI設計領域的⁣ ▧PALETTABLE-超適合新手,喜歡不喜歡直接選的直觀配色法⁣ ▧MATERIAL DESIGN-適合排版配色,直接看到幾個顏色搭配在排版設計中的呈現效果⁣ ▧各種IG配色設計帳號-適合出門在外沒電腦直接找靈感並收藏⁣ 🔹推薦案例:⁣ @awsmcolor⁣ @coolors.co⁣ @colours.cafe⁣ ﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊⁣⁣ 💬囉嗦一句:⁣ 其實配色的部分最建議大家先有個自己的大概想法⁣ 比如我都喜歡藍色,但剛開始我也不明確自己具體喜歡的藍💙⁣ 後來也是經過不斷摸索試驗,包括個人網頁及LOGO設計😉⁣ 才固定才為比較主要的那幾個藍色⁣ 說實話剛開始也沒有接觸這些網站,因為我還是鼓勵大家有自己想法為主💡⁣ 不要過度依賴其他人的配色❌⁣ 這些網站只是提供靈感,但最終還是要保有自己的鮮明特色哦!⁣ 希望大家看完都對配色設計更有方向了👍⁣ ⁣ 本貼文僅列出部分章節,全文解析請至耳洞首頁網址🔗的個人網站去查看👀✍️⁣⁣⁣⁣ 有興趣挖掘自己的個人品牌經營配色或需要客製化配色設計服務歡迎預約諮詢ADORN!💙💬⁣⁣⁣⁣⁣ ⁣⁣﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊⁣⁣ 如果這篇文章有幫助到你,也請按下收藏或分享給更多朋友!!💙⁣⁣⁣⁣⁣⁣⁣ 也請記得順手➡️追蹤耳洞💙⁣ 👉 @bebraveadorn 獲得更多實用的正能量、時尚、品牌經營、藍色💙相關資訊😎 ⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣ 你的每一個鼓勵都是我堅持的動力!!⁣⁣⁣⁣⁣⁣⁣ ﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊﹊⁣⁣⁣⁣⁣⁣ 更多我的品牌經營理念點此追蹤💙👉⁣ #耳洞談品牌⁣⁣ .⁣⁣⁣ .⁣⁣⁣ .⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣⁣ .⁣⁣⁣⁣⁣⁣⁣⁣ #個人品牌 #品牌 #社群行銷 #品牌經營 #IG經營 #個人網站 #網路行銷 #行銷 #品牌行銷#內容行銷#自媒體#社群#IG行銷#廣告行銷⁣ #創業 #自媒體經營⁣⁣⁣⁣ #成長  #個人成長 #閱讀心得 #自我提升 #自我成長 ⁣⁣⁣ #穿搭部落客 #斜槓青年 #網美 #igers #人生哲理 #配色 #色彩搭配 #colorpalette

A post shared by 𝐀𝐃𝐎𝐑𝐍耳洞💙| Blue Content Creator (@bebraveadorn) on

來看看大家的留言吧!

留言鼓勵一下ADORN吧~

你的E-MAIL不會被公開,請放心

各類合作邀約/文章授權請點此

BEBRAVEADORN  隱私權政策 | PRIVACY POLICY

© 2020BEBRAVEADORN 版權所有,未經許可請勿轉載 💙

關注IG獲得最即時的資訊!

希望你喜歡網站的文章😌 請記得追蹤ADORN的IG⁣ ▶▶▶@bebraveadorn⁣⁣⁣⁣⁣◀◀◀ 獲得更多實用的正能量、時尚、品牌經營💙相關資訊
Holler Box