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

撰文編輯 #暖樂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來信 👉 點我

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

（撰文編輯/#執與 粉絲專頁/#與子成說 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 

配色靈感這邊請｜三款配色網站，讓你玩色玩出好心得！

配色不再只侷限在設計人才需要的喔！身為與時俱進的創作者和生活洞察家的一朵花編編，告訴你其實生活中，大家都需要配色的sense，不僅讓有在經營自媒體的你或是擁有自有品牌的你，懂得玩轉色彩，才能讓別人對你的第一印象留下特別的好感度！ 今天帶大家認識，在配色靈感打結的時候，善用這三個配色網站，激發你的色彩DNA！ 1）Paletton https://paletton.com/ Paletton 是一個免費的線上調色工具，不用註冊就能使用。只要介面圖示以色環為主，如果學過色彩學的人，一定會勾起當初看著色環，繪製色環的回憶吧! 會把Paletton推薦給較進階使用者，是因為在上方工具選擇的類別，有單色、鄰色、補色等的選擇，會需要色彩學具備一些基礎，且對色環敏銳度較高的人使用，會更容易能理解。 但如果你是想憑感覺玩色的人，其實在Paletton設計的操作上也是好上手的，在色環上，有各個灰色點點，外圈色環上的點點，主要可以選擇色系，內圈色環的點點，是選擇深淺、明暗程度。 🎨屬性：適合進階使用者 🎨特色：色環操作介面 2）Scheme Color https://www.schemecolor.com/ Scheme Color 是讓一朵花編編最有發現新大陸的感覺！除了進入網站及使用介面簡單明瞭之外，重點是細節度超高！對於像編編這種注重細節的人，真的是貼心到心坎裡！在每個色彩資訊中，必備的提供RBG的數據，另外也附上在國際Pantone 色號裡的色彩名稱，最精細的是Hex和 CMYK的色彩數值也附在其中，是不是著實提高了對Scheme Color的好感度！ 另外一個新大陸是，點選首頁右上角的Menu 選單中Blog Posts，會發現不定期官方會放上色彩相關的文章或是素材靈感。例如會介紹節慶相關的代表色系、色盤配色，另外Menu裡也有其他不同情境風格，可以點選找到你喜歡的配色唷！ 🎨屬性：適合想找配色靈感 🎨特色：細節度高、數據資訊完整 3）Coolors https://coolors.co/ 這年頭大家專注精準及便利性，被一朵花編編列為最User-friendly的屬Coolors莫屬！除了支援網頁版、蘋果系統的IOS、設計人必備的Adobe也都列入其中。 另外在操作上，選擇喜歡的配色後，在右上角太陽的圖示按下，就會出現四大類基本也最重要的色彩相關調整拉桿，調整好即可儲存輸出。是不是能快狠準打動的效率派的選色人！ 🎨屬性：適合需快速完成交稿人使用 🎨特色：支援多種系統瀏覽器、簡單操作 🏷️ 大家還想要知道甚麼小工具或綠色線上網站？歡迎留言給我或是Instagram私訊給我，之後也會盡全力分享給大家唷！ 茉莉一朵花 Instagram @jas.a.flower 🔗延伸閱讀🔗 小工具相關： 職場新鮮人備戰：畢業生迎戰就業冰河期 #茉莉一朵花 #波波黛莉 #配色網站 #配色靈感

#配色網站搜尋結果

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

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

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

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

配色靈感這邊請｜三款配色網站，讓你玩色玩出好心得！

配色靈感這邊請｜三款配色網站，讓你玩色玩出好心得！