設計靈感必備!16個調色盤網站讓你生活美學配色大提升!

1 / 1

撰文編輯 #暖樂Loftwarm

色彩影響了生活的美學,從居家擺設、日常衣著、網站APP、學校或工作的報告、食物擺盤的美味程度...等等,都跟顏色息息相關,除了設計行銷人員之外,不管是誰都可以了解,關於色彩學的基本原理,相信對於自我形象的提升,也大有幫助,今天就列了16個色彩分析的網站,尋找設計靈感的時候必備,同時能讓你的美學與配色能力瞬間增強,下回不用再擔心把顏色,搭配的一蹋糊塗了!

 

 


 

 

 

1.BrandColors

透過英文字首A~Z依序,排列出各家品牌的色調,無論你是設計人或是行銷人,都能好好研究,適用於網站的美學配色,或許能觸發自家品牌設計的靈感!點選右上角"All Brands",提供ASE(Adobe)、CSS、SCSS、LESS、Stylus等版本喔! 【點選網站玩看看 BrandColors

 

 

 

2.Canva

很多人時常用來製圖的Canva,如果想知道手邊某張圖片的色碼,就可以直接上傳得知,或許也能運用在你自己的新設計之中。【點選網站玩看看 Canva

 

 

 

 

3.Happy Hues

打開網站,左邊一整列都是配色範例,以五種顏色為一組,點選之後,右邊的網站顏色立即被套用,往下滑就能看到色碼,適合激發網站設計與配色的靈感。【點選網站玩看看 Happy Hues

 

 

 

 

4.Scheme Color

精選萬種以上的顏色,如果你想要更豐富的色彩,就可以來這邊看看,有5種與6種顏色的組合,右上角的Menu,點選之後,還有主題式的分類,像是品牌商標、婚禮、運動團隊、網站設計、圖像設計...等等,設計人必知的色調網站。【點選網站玩看看 Scheme Color

 

 

 

 

5.Pigment

點開網站,左手邊有兩個圓,Pigment(顏料)和Lighting(亮度),去拉選之後兩個圓,能夠進行調整,產生不同的變化,適用DTP(桌面出版Desktop publishing)設計者的色調參考網站。【點選網站玩看看 Pigment

 

 

 

 

6.Nippon Colors

如果你個人偏愛日本的傳統色,或是想要做些日系元素的設計,依照花語、事物、意境來命名,與色調之間作結合,有種素雅的風格,很推薦來這個網站尋找配色靈感!【點選網站玩看看 Nippon Colors

 

 

 

 

7.Coolors

強調快速生成調色配色建議的網站,以五種顏色為組合,點選個色條,可以去調整,非常方便又容易上手。【點選網站玩看看 Coolors

 

 

 

 

8.Color Supply

選用了互補色的概念,網站正中心有一個色盤,中心點是白色,有一條垂直黑線,轉動黑線可以決定兩種顏色,所以是3種顏色的組合,簡單明瞭的設計美感思維,底下也特別透過實際圖形呈現,值得推薦給設計人。【點選網站玩看看 Color Supply

 

 

 

9.Colorhunt

提供使用者自由的搭配顏色,採取4種顏色的組合,不同區塊占比的風格,左上角New選項下拉,還能看到潮流、受歡迎、隨機...等主題,如果你想做的設計主題,打算結合時下流行或是人氣款的話,很適合來這邊尋找配色靈感!【點選網站玩看看 Colorhunt

 

 

 

 

10.Colormind

透過電腦協助生成配色建議,主要有三大功能,含網站顏色、模板、可上傳照片生成色析,以5種顏色為組合,網站也有色彩介紹影片喔!【點選網站玩看看 Colormind


  

11.Colordrop

網站呈現出的是美麗的正方形4色組合,使用時可以將喜歡的4色方塊,拖曳到右邊的空白欄,就會分別出現4種顏色的色碼,網站左上角NEW下拉,可以看到人氣排行,另外,點選右上角的畫筆圖案,還可以把背景轉換成暗模式喔!【點選網站玩看看 Colordrop

 

 

 

 

12.Muzli Colors

提供繽紛的色格,第一眼看上去就很吸睛,網站往下滑,可以看到受歡迎的配色,以5種顏色作為組合,如果經常使用的人,還能在右上角的收藏標誌,儲存成我的最愛喔!下次想要再用的時候,就很方便,也可當成自己的特色。【點選網站玩看看 Muzli Colors

 

 

 

 

13.WebGradients

有180種線性漸層色的組合,如果設計網頁時的背景色讓你很傷腦筋,不妨來這邊找些靈感,支援CSS3語法!【點選網站玩看看 WebGradients

 

 

 

 

14.LolColors

網站取名很有趣,是LOL符號,圖案配色呈現也是一個人臉,配了兩串笑到流出來的眼淚,4種顏色的組合,針對網頁色彩提供設計靈感,左邊有一整排選擇列,有最佳網頁設計公司的範例和SEO最佳的公司範例,了解不同目標群眾的喜好,可以作為網頁設計時的參考資料。【點選網站玩看看 LolColors

 

 

 

 

15.THREEBÙ

藉由電腦系統生成的調色搭配,使用者也可以依照需求置換,右上角一列的符號項目,可用透過文字、卡片、橫向、圓形、圖樣,五種不同的模式來呈現,如果突然之間沒了靈感,也可以來這邊找找,特別適合網頁設計素材使用。【點選網站玩看看 THREEBÙ

 

 

 

 

16.Pinterest

大家常用的Pinterest,搜尋color palettes,也能獲得許多樣板色調,以4種顏色為組合建議,相信設計人對Pinterest都有一定的熟悉程度,欠缺靈感的時候,不妨可以來尋找新色彩的創意。【點選網站玩看看 Pinterest

 

 

 

這16個設計靈感必備的網站,就像16個色彩豐富的調色盤,針對不同的設計品項,各自有專精的分類,有時候創作,也需要一點外界刺激與激發,當你覺得思緒乾枯,不妨來這些色調網站,找尋新的創意!

 

 

#暖樂 #波波黛莉的異想世界 #調色盤 #色調網站 #配色網站 #設計必備 #色彩建議 #配色建議 #色彩分析器 #色碼分析 #ColorPaletteGenerator

 

 

 

職場

延伸閱讀:常常被人小瞧的4種工作職業,根本需要超狂技能開外掛!

延伸閱讀:掌握8個面試技巧|讓主管直接開口要妳來上班...

延伸閱讀:職場菜鳥的你~絕對要懂得的幾件事!!!

延伸閱讀:職場生活|6種讓人翻白眼的自我感覺良好行為...

延伸閱讀:新冠世代|是不是畢業就等於失業?該繼續進修還是踏入職場..

延伸閱讀:台灣10大高薪工作 VS 5種新興職業...哪種比較讓人羨慕?

 

戀愛

延伸閱讀:男女交往約會AA制,其實只是種戀愛儀式感!

延伸閱讀:7種工具人行為職業對照表,別傻了,女生根本不喜歡你!

延伸閱讀:12星座的獨特風格就像12種不同的甜點!

延伸閱讀:真的一見鍾情嗎?6點求證妳是砲友還是女友...

延伸閱讀:快速脫魯|夏天最容易邂逅愛情的5個地點...

延伸閱讀:談戀愛要懂得6種"現實與浪漫"|才能讓愛情更美...

延伸閱讀:單身太久忘了怎麼戀愛嗎?先複習這8個預備動作...

延伸閱讀:11種討人厭的追求方式 | 你知道這樣大扣分嗎?

延伸閱讀:這6種男人絕對碰不得 ⚠ 女孩快睜大你的眼睛...

延伸閱讀:6個小心機讓妳追到眼前的天菜|女孩也能掌握戀愛的節奏與主動權

延伸閱讀:男生可能喜歡妳的8種曖昧動作與好感暗示!

延伸閱讀:試著交往看看是否就能找到真愛?5個觀點回答妳的疑惑...

延伸閱讀:不同年齡層的愛情觀|每個階段都該享受戀愛!

延伸閱讀:8個男友日常親密小動作|情侶交往相處依舊能讓對方臉紅心跳...

 

有趣的心理測驗

延伸閱讀:網推故事心測|你中年之後變胖的機率多高?

延伸閱讀:超準確心測|在朋友眼裡,你是什麼樣的人?

延伸閱讀:超神準心測|你目前渴望愛情的被愛指數?

延伸閱讀:辛辣話題心測|你在愛情裡是S屬性?還是M屬性?

延伸閱讀:網瘋傳心測|你脫單談戀愛的成功率有多高?

延伸閱讀:超準心測|5種旅行景點看出你適不適合現在的職場生活?

延伸閱讀:愛情心測|妳有哪種魅力容易吸引男孩子的注意?

 

生活資訊

延伸閱讀:延長iPhone手機電池壽命|要先有使用的9個好習慣...

延伸閱讀:6種超便利服務如果消失了!保證你會懷疑人生~

延伸閱讀:振興卷3倍卷來了!3000元使用資格申請方式懶人包介紹!

延伸閱讀:藝Fun券、動滋券、農遊券、客家券,申請使用介紹懶人包!

延伸閱讀:想狂申辦信用卡之前必讀|順便告訴妳什麼是信用小白?

延伸閱讀:台味流行語錄|歷年鄉土劇超洗腦台詞都還記得嗎?

延伸閱讀:租屋族必看!套房雅房差別、舊公寓老房屋怎麼挑選?

延伸閱讀:必收藏老司機專用網路梗圖表情包,還有梗圖製作教學!

 

 

🍀 暖樂Loftwarm / 撰文編輯

🍀 FB粉絲專頁 👉 點我

🍀 Instagram 👉 點我

🍀 痞客邦部落格 👉 點我

🍀 E-mail來信 👉 點我