ColorDrop 你唯一需要的線上調色盤！收錄各種配色組合

ColorDrop 介面跟LOL Colors 類似，都是將四個一組顏色整合在一起，點選色彩後就會跳出對應色彩值（HEX、RGB），讓你能將顏色運用到其他設計開發。

跳至主要內容跳至主要資訊欄 你在這裡： 首頁»素材模版»網站配色»ColorDrop你唯一需要的線上調色盤！收錄各種配色組合，提供設計開發上絕佳色彩來源 如果你對於配色工具有興趣，一定還記得LOLColors，由國外開發者獨力完成的免費網頁選色服務，只花了24小時時間建置！這項服務最吸引人的地方在於網頁設計相當簡單，提供各種色彩組合，沒有太多額外或複雜難懂的功能，實在深得我心。

本文要介紹的ColorDrop和LOLColors有點相似，不過配色工具向來不嫌多，若是平常工作會需要找尋色彩靈感的話不妨將它加入書籤以備不時之需。

ColorDrop介面跟LOLColors類似，都是將四個一組顏色整合在一起，點選色彩後就會跳出對應色彩值（HEX、RGB），讓你能將顏色運用到其他設計開發。

ColorDrop已經收集一些配色組合，未來會持續更新，亦能將自己喜愛配色加入最愛，以便之後隨時返回網頁檢索。

比較不同的是ColorDrop允許使用者更換不同背景顏色，預覽在不同背景配色中套用某種顏色的感覺，讓你在瀏覽網站時有更多不同體驗。

雖然是一個簡單的小工具，相信大家一定會喜歡（如果你手邊有其他推薦的配色工具，也歡迎提供給我）。

網站名稱：ColorDrop.io 網站鏈結：https://colordrop.io/ 使用教學 STEP1 開啟ColorDrop.io後，從首頁就能開始瀏覽色彩調色盤，網站收錄不少漂亮的配色組合，五顏六色、多采多姿。

從左側切換不同背景色彩，以下是其中四種顏色。

STEP2 點選其中任一配色組合後，網站右側會跳出這四種顏色及對應的色碼（HEX、RGB），對於要使用顏色來說確實非常方便。

如果你想將它暫時收藏起來，之後返回網站時可以快速找到某個顏色的話，點選上方的「星星」就能標記為 Favourites。

點選左側「Favourites」開啟所有你加入收藏的配色組合。

STEP3 除此之外，ColorDrop.io也收藏一些扁平化設計（FlatDesign）常用顏色，從左側的FlatColors可以找到這些顏色和HEX色碼。

更多配色工具推薦： NIPPONCOLORS選出代表日本的250種顏色，日本傳統色系配色選色網站推薦 三個線上配色工具，豐富你的全新選色靈感 BrandColors收錄世界知名品牌「顏色」色碼，可快速下載、獲取色票資訊 相關文章 LOLColors獨立開發免費網頁配色工具，24小時完成不拖延 Colovely最簡色彩產生器，快速顯示當前顏色HEX、RGB及HSL KlartColors免費線上配色工具，從網站資料庫獲得選色靈感 Picalette以你的心情、想法產生色彩建議，更有趣的調色盤產生器 關於Pseric學生時代成立網站以來堅持每日更新，在挖掘資料的過程中慢慢找出自己經營網站的方法，最開心的是有一群一起長大的讀者。

主要側邊欄使用電子郵件訂閱網站 輸入你的電子郵件地址訂閱網站新文章，使用電子郵件接收通知。

電子郵件位址 訂閱更新 站內搜尋 搜尋免費資源… 文章分類 文章分類 選取分類 個人服務    個人網誌    免費論壇    微型網誌    留言板類    網路相簿    電子信箱 免費空間    10MB-50MB    1GB以上    200MB-500MB    500MB-1GB    50MB-200MB    圖片空間    影音空間    網站空間    音樂空間 免費贈品 免費軟體    光碟工具    可攜軟體    圖片工具    影音工具    文書處理    檔案管理    系統工具    網路相關    防毒軟體 商業軟體 手機APP    工具類    教育類    新聞資訊類    生活類    遊戲類 架站資源    Alexa    PageRank    免費DNS    投票服務    搜尋引擎最佳化    搜尋引擎登錄    流量統計    網站監測    網站線上人數    網站轉址 熱門主題    好玩遊戲    字型下載    桌布下載    線上動漫    線上掃毒    線上翻譯    編輯推薦    縮短網址 素材模版    免費圖片    免費圖示    網站模板    網站配色    網誌物件    網頁素材    音樂音效 網站公告 網路科技    手機相關    搜尋引擎    查詢資料    網路書籤    網路賺錢    線上代理    線上地圖    線上字典    線上廣播    電子賀卡 線上工具    圖片編輯    圖示製作    書籤整合    產生器類    網站縮圖    線上問卷    線上轉檔 贊助評論 開源程式    免費程式（PHP） 雜七雜八    Google塗鴉    好康資訊    實用教學    折價券區    星座算命    網站評鑑    網路遊戲    趣味網站 追蹤更新 最新文章 Fluenticons微軟4000個開放原始碼免費圖示下載，線上預覽風格配色 MicrosoftEdge效率模式節省電腦資源，將用電量降低延長電池使用時間 CanYouRUNIt?測試電腦配備跑不跑得動遊戲，超過8500種遊戲配備需求查詢 NewGoogleTab將Edge瀏覽器開新分頁設為Google首頁（Edge擴充功能） TikTokDownloader抖音影片下載器，貼上連結或瀏覽器一鍵儲存（Chrome擴充功能） 以Outline搭配DigitalOcean架設VPN伺服器教學，每月最低5美元起 MyLastVideo取得YouTube固定網址，每次打開自動導向頻道最新影片 MagicEraser將圖片裡不想要的東西移除，只要標示範圍機器就會自動處理 FileDoge無限容量免費檔案分享服務，操作介面簡單無廣告 WatermarkRemover免費圖片浮水印去除工具，上傳自動清除各式標記 精選主題 行政院1922簡訊實聯制掃碼發送簡訊登記，店家註冊QRCode教學 思源黑體：Adobe與Google合作開發開放原始碼中文字型 思源宋體NotoSerifCJK字型免費下載！Google、Adobe再次攜手推出開放原始碼字體 Mipony白馬下載器：網路下載必裝！支援數百免空可突破下載限制 Spotify免費聆聽4000萬首歌，音樂串流應用iOS、Android版下載 日本亞馬遜AmazonGlobal線上購物直送台灣，免消費稅免找代購 中華郵政i郵箱初體驗，24小時自助郵局寄件取件超方便 YouTubeMusic免費音樂串流服務正式登場，升級Premium零廣告體驗 MicrosoftEdge正式版免費下載！以Chromium重新打造微軟瀏覽器 Photopea免費圖片編輯器，堪稱Photoshop線上版支援PSD等常見格式 財政部統一發票兌獎APP掃描發票存手機，自動記帳主動對獎超方便 使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算 YouTubeKids兒童專用影音頻道，手機平板應用程式免費下載 Disney+台灣影音串流平台訂閱付款教學，最多可四螢幕同時觀看 以Outline搭配DigitalOcean架設VPN伺服器教學，每月最低5美元起 實用教學 46個免費圖庫網站總彙整 15個免費下載高解析度圖片最佳圖庫 下載高畫質相片素材的13個免費圖庫資源精選 12個你應該知道的中英文假字、文章產生器 20個免費下載創用CC授權音樂的網站彙整 40個設計師必備免費資源超推懶人包 Facebook全新下載資料副本功能，一次備份所有臉書記錄匯出 Instagram資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄 7個線上接收手機簡訊驗證碼的免費網路服務整理 PayPal兩步驟驗證設定教學，以手機簡訊或應用程式降低被盜用風險 如何在瀏覽器不支援AdobeFlashPlayer後繼續播放SWF檔案？ 7-11賣貨便操作教學，整合多種付款方式、固定運費優惠 全家好賣+使用教學，賣場註冊、商品上架、手續費和運費優惠說明 8個匿名偷看IG限時動態不留下觀看紀錄的網路服務整理 WordPress架站資源 自架WordPress虛擬主機租用教學，將網誌備份匯出、匯入到新家 殺手級WordPress體檢項目：101個建立新網站的超簡易捷徑！ Cloudflare架站者必備免費CDN、DNS託管服務設定教學 16個免費網站速度測試工具推薦！網頁效能評比，搜尋引擎最佳化必備 亞馬遜VPS服務AmazonLightsail搭配ServerPilot快速架設WordPress教學 使用GoogleCloudPlatform雲端主機免費版架設WordPress教學 使用Cloudways架設WordPress網站教學，快速部屬最佳化環境 RunCloud佈署最佳化主機環境，整合DigitalOcean架設WordPress教學 使用SiteGround虛擬主機一鍵快速安裝WordPress教學 FastComet評價極高的虛擬主機推薦，一鍵安裝WordPress教學 VaultPress完整備份你的WordPress網站，無痛搬家或回復特定時間點 WPRocket最強WordPress快取外掛，完整最佳化設定選項教學 不續費虛擬主機？WordPress.com對應個人網域每年13美元搬家超划算 贊助商連結