關閉廣告暖樂Loftwarm跳到主文傳達美好的生活態度...在忙碌的日常步調裡~追求所有值得療癒的人事物~樂於分享!愛時尚流行,愛美食,愛創意,愛雜貨...部落格全站分類：生活綜合相簿部落格留言名片若您有任何想與我們分享的歡迎->聯絡信箱:[email protected];Aug11Tue202021:58設計靈感必備色彩分析工具！16個調色盤色調網站讓你生活美學配色大提升! 色彩影響了生活的美學，從居家擺設、日常衣著、網站APP、學校或工作的報告、食物擺盤的美味程度...等等，都跟顏色息息相關，除了設計行銷人員之外，不管是誰都可以了解，關於色彩學的基本原理，相信對於自我形象的提升，也大有幫助，今天就列了16個色彩分析的網站，尋找設計靈感的時候必備，同時能讓你的美學與配色能力瞬間增強，下回不用再擔心把顏色，搭配的一蹋糊塗了!  1.BrandColors透過英文字首A~Z依序，排列出各家品牌的色調，無論你是設計人或是行銷人，都能好好研究，適用於網站的美學配色，或許能觸發自家品牌設計的靈感!點選右上角"AllBrands"，提供ASE(Adobe)、CSS、SCSS、LESS、Stylus等版本喔!【點選網站玩看看BrandColors】 2.Canva很多人時常用來製圖的Canva，如果想知道手邊某張圖片的色碼，就可以直接上傳得知，或許也能運用在你自己的新設計之中。

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

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

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

【點選網站玩看看Pigment】 6.NipponColors如果你個人偏愛日本的傳統色，或是想要做些日系元素的設計，依照花語、事物、意境來命名，與色調之間作結合，有種素雅的風格，很推薦來這個網站尋找配色靈感!【點選網站玩看看NipponColors】 7.Coolors強調快速生成調色配色建議的網站，以五種顏色為組合，點選個色條，可以去調整，非常方便又容易上手。

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

【點選網站玩看看ColorSupply】 9.Colorhunt提供使用者自由的搭配顏色，採取4種顏色的組合，不同區塊占比的風格，左上角New選項下拉，還能看到潮流、受歡迎、隨機...等主題，如果你想做的設計主題，打算結合時下流行或是人氣款的話，很適合來這邊尋找配色靈感!【點選網站玩看看Colorhunt】 10.Colormind透過電腦協助生成配色建議，主要有三大功能，含網站顏色、模板、可上傳照片生成色析，以5種顏色為組合，網站也有色彩介紹影片喔!【點選網站玩看看Colormind】 11.Colordrop網站呈現出的是美麗的正方形4色組合，使用時可以將喜歡的4色方塊，拖曳到右邊的空白欄，就會分別出現4種顏色的色碼，網站左上角NEW下拉，可以看到人氣排行，另外，點選右上角的畫筆圖案，還可以把背景轉換成暗模式喔!【點選網站玩看看Colordrop】 12.MuzliColors提供繽紛的色格，第一眼看上去就很吸睛，網站往下滑，可以看到受歡迎的配色，以5種顏色作為組合，如果經常使用的人，還能在右上角的收藏標誌，儲存成我的最愛喔!下次想要再用的時候，就很方便，也可當成自己的特色。

【點選網站玩看看MuzliColors】 13.WebGradients有180種線性漸層色的組合，如果設計網頁時的背景色讓你很傷腦筋，不妨來這邊找些靈感，支援CSS3語法!【點選網站玩看看WebGradients】 14.LolColors網站取名很有趣，是LOL符號，圖案配色呈現也是一個人臉，配了兩串笑到流出來的眼淚，4種顏色的組合，針對網頁色彩提供設計

色碼表Hex網頁色碼表&顏色代碼選擇器。

產生器：漸變彩字#000000#2F0000#600030#460046#28004D#272727#4D0000#820041#5E005E#3A006F#3C3C3C#600000#9F0050#750075#4B0091#4F4F4F#750000#BF0060#930093#5B00AE#5B5B5B#930000#D9006C#AE00AE#6F00D2#6C6C6C#AE0000#F00078#D200D2#8600FF#7B7B7B#CE0000#FF0080#E800E8#921AFF#8E8E8E#EA0000#FF359A#FF00FF#9F35FF#9D9D9D#FF0000#FF60AF#FF44FF#B15BFF#ADADAD#FF2D2D#FF79BC#FF77FF#BE77FF#BEBEBE#FF5151#FF95CA#FF8EFF#CA8EFF#D0D0D0#FF7575#FFAAD5#FFA6FF#D3A4FF#E0E0E0#FF9797#FFC1E0#FFBFFF#DCB5FF#F0F0F0#FFB5B5#FFD9EC#FFD0FF#E6CAFF#FCFCFC#FFD2D2#FFECF5#FFE6FF#F1E1FF#FFFFFF#FFECEC#FFF7FB#FFF7FF#FAF4FF#000079#003060#003E3E#006030#006000#000093#003D79#005757#01814A#007500#0000C6#004B97#007979#019858#009100#0000C6#005AB5#009393#01B468#00A600#0000E3#0066CC#00AEAE#02C874#00BB00#2828FF#0072E3#00CACA#02DF82#00DB00#4A4AFF#0080FF#00E3E3#02F78E#00EC00#6A6AFF#2894FF#00FFFF#1AFD9C#28FF28#7D7DFF#46A3FF#4DFFFF#4EFEB3#53FF53#9393FF#66B3FF#80FFFF#7AFEC6#79FF79#AAAAFF#84C1FF#A6FFFF#96FED1#93FF93#B9B9FF#97CBFF#BBFFFF#ADFEDC#A6FFA6#CECEFF#ACD6FF#CAFFFF#C1FFE4#BBFFBB#DDDDFF#C4E1FF#D9FFFF#D7FFEE#CEFFCE#ECECFF#D2E9FF#ECFFFF#E8FFF5#DFFFDF#FBFBFF#ECF5FF#FDFFFF#FBFFFD#F0FFF0#467500#424200#5B4B00#844200#642100#548C00#5B5B00#796400#9F5000#842B00#64A600#737300#977C00#BB5E00#A23400#73BF00#8C8C00#AE8F00#D26900#BB3D00#82D900#A6A600#C6A300#EA7500#D94600#8CEA00#C4C400#D9B300#FF8000#F75000#9AFF02#E1E100#EAC100#FF9224#FF5809#A8FF24#F9F900#FFD306#FFA042#FF8040#B7FF4A#FFFF37#FFDC35#FFAF60#FF8F59#C2FF68#FFFF6F#FFE153#FFBB77#FF9D6F#CCFF80#FFFF93#FFE66F#FFC78E#FFAD86#D3FF93#FFFFAA#FFED97#FFD1A4#FFBD9D#DEFFAC#FFFFB9#FFF0AC#FFDCB9#FFCBB3#E8FFC4#FFFFCE#FFF4C1#FFE4CA#FFDAC8#EFFFD7#FFFFDF#FFF8D7#FFEEDD#FFE6D9#F5FFE8#FFFFF4#FFFCEC#FFFAF4#FFF3EE#613030#616130#336666#484891#6C3365#743A3A#707038#3D7878#5151A2#7E3D76#804040#808040#408080#5A5AAD#8F4586#984B4B#949449#4F9D9D#7373B9#9F4D95#AD5A5A#A5A552#5CADAD#8080C0#AE57A4#B87070#AFAF61#6FB7B7#9999CC#B766AD#C48888#B9B973#81C0C0#A6A6D2#C07AB8#CF9E9E#C2C287#95CACA#B8B8DC#CA8EC2#D9B

推薦超實用的線上免費CSS色碼表！收錄最完整色彩還有色盤任你調配選擇喜歡的顏色唷～並且能根據代碼查詢顏色，立即前往線上網頁色碼表。

由此前往-線上色盤♦立即前往線上網頁：線上色碼表/色盤工具紅、橙、黃、綠、藍、靛、紫、黑、灰、白、粉，超多網頁色系代碼～更多好用的線上工具♦線上免安裝工具：線上免費軟體推薦♦想知道別人的網頁所使用的顏色嗎？快看看超好用的工具：螢幕色彩擷取軟體Tags:Colorcodetable,CSS,橙,灰,白,粉,粉紅色,紅,紫,紫色,綠,色碼,色碼查詢,色碼工具,色碼表,藍,調色盤,靛,顏色,顏色代碼,黃,黑搜尋我們的文章熱門精選文章受保護的內容:LUVTV網路電視劇App！超多美國影集、韓劇、日劇免費看。

手機下載apk（Android、iOS）Lomotif－簡單將影片加入音樂的MV製作神器App！把流行、輕快等曲風的配樂跟視頻融合在一起。

（Android、iOS）聽聽台語歌App－最新台語歌曲、經典懷舊老歌，為台語歌設計的免費音樂播放器。

（Android）《髮型模擬》SimFrontApp合成不同的頭髮造型和顏色，還能化妝、加上雙眼皮（Android、iOS）發票載具明細查詢App，信用卡、悠遊卡，所有手機載具電子發票的消費記錄&管理。

（Android、iOS）喝水時間到了！定時『喝水提醒App』設定健康目標，自動建議每日飲水量，減肥、皮膚美容好幫手。

（iOS）別說沒有告訴你！８款網紅濾鏡App－拍食物、拍人物、拍風景都超可以！（Android、iOS）《Google日曆App教學》邀請多人共用、同步編輯行事曆、顯示農曆等…。

（Android、iOS、電腦版）Search推薦閱讀線上APK下載器！無區域限制，在電腦下載GooglePlay商店裡的安裝檔，可選舊版、電視和安卓版本。

MacSafari,Chrome全網頁截圖器－自動捲動整頁畫面，也可自訂所需的範圍截圖。

《萌典App》可離線使用的國語、台語、客語辭典，查詢字義&用真人發音學常用諺語（Android、iO …Livetyping線上文字動畫產生器，製作像打字機正在輸入文字、對話泡泡框、跑馬燈滾動的動畫特效。

「線上簽名產生器」在網頁製作手繪簽名，在貼到Word、PDF文件等電子合約書中。

Gifntext在「GIF動圖上字」的免費線上工具，可自訂文字顯示和結束時間。

LINEit!一鍵從電腦分享網頁的文字內容或網址到Keep、動態消息、聊天室中儲存。

（Chrome擴充外掛）《線上去背》免費線上圖片去背網站，自動去除背景！簡單又好用（教學）免費Notebook跨裝置同步記事本App－在電腦和手機共用&編輯筆記本、存放照片、備忘錄和錄音檔。

【OfficeOnline】微軟免費Word,Excel,PPT線上編輯！免安裝軟體。

(Chrome瀏覽器網 …