熱門色彩工具
設計師最常用的工具。
圖片色彩選擇器 從任意圖片像素精準拾取HEX RGB HSL色碼
上傳任意圖片，用色彩選擇器在畫布上精準拾取像素顏色，即時讀取HEX、RGB、HSL數值並一鍵複製，全程在瀏覽器本機完成不上傳。
圖片主色提取工具 從圖像一鍵取得HEX RGB主色調配色
從任意圖片智慧提取占比最高的主色調，自動生成協調配色並同步輸出每種顏色的HEX與RGB色碼，圖像在瀏覽器本機解析，無需上傳。
圖片調色盤生成器 上傳圖像自動生成完整HEX RGB配色方案
上傳一張圖片即可智慧生成完整調色盤，自動提取和諧配色並顯示每種顏色的HEX、RGB色碼，全部在瀏覽器本機處理，方便直接取用。
圖像主色調辨識工具 提取畫面主要顏色與占比及HEX數值
分析圖像並辨識占比最高的幾種主導顏色及各自比例，輸出對應的HEX與RGB數值，幫助你快速理解畫面並沿用其整體配色風格。
相似顏色查找器 匹配鄰近色調並輸出HEX RGB相近色值
輸入任意顏色即可查找視覺上鄰近的相似色系，附帶每個色值的HEX、RGB數值，幫你輕鬆擴充並微調整套配色方案的層次。
顏色格式轉換器 HEX RGB HSL CMYK OKLCH色值一鍵互轉
在HEX、RGB、HSL、CMYK、OKLCH等格式之間即時互相轉換顏色，即時預覽色塊並複製色碼，方便設計排版與前端開發直接使用。
顏色對比度檢測器 檢查WCAG無障礙對比度AA AAA是否合規
檢查前景與背景色的WCAG對比度比值，自動判定AA與AAA等級是否達標，確保內文與標題文字清晰可讀並符合無障礙設計標準。
調色盤匯出工具 將配色一鍵輸出為CSS JSON ASE格式檔案
把整套調色盤一鍵匯出為CSS、JSON、ASE等多種格式檔案，便於匯入Figma等設計軟體或直接接入前端專案開發流程。
顏色預覽工具 即時檢視配色套用在真實設計版面中的效果
把選定顏色套用到真實版面與元件中即時預覽效果，直觀比較多組配色之間的差異，幫你在正式落地前做出更穩妥的配色決定。
調色盤下載工具 將HEX配色匯出為PNG圖像檔案儲存分享
將整套調色盤連同每個色塊的HEX色碼下載為清晰的PNG圖片，方便隨時分享、存檔或加入設計交付說明文件中長期保存。
配色方案分享工具 透過專屬連結一鍵分享調色盤便於協作
生成專屬連結即可一鍵分享你的調色盤，對方無需安裝任何軟體便可直接檢視完整配色與HEX數值，讓團隊協作溝通更順暢高效。
色彩和諧搭配工具 生成互補三元分裂類比等和諧配色方案
基於色輪生成互補色、三元色、分裂互補、類比等多種和諧配色方案，並附上每種顏色的HEX數值，幫你快速找到協調耐看的組合。
如何運作
3個簡單步驟生成專業調色盤。
上傳或選擇
上傳圖片或選擇基礎顏色。
生成調色盤
我們的工具分析並生成和諧的組合。
匯出到任何地方
匯出為CSS、Tailwind、SCSS或下載為圖片。
常見問題解答
關於我們顏色工具的所有須知事項
是的，我們所有基本色彩工具都完全免費。您可以從圖片擷取色彩、產生調色盤、在不同格式（HEX、RGB、HSL）之間轉換，還有更多功能完全免費。進階功能則為專業使用者提供更多選項。
It's very simple! Upload your image to our color extraction tool, and our algorithm will automatically analyze the dominant colors. You'll instantly get HEX, RGB, and HSL codes for each color that you can copy with a single click.
不，絕對不會！所有處理都透過我們 100% 本機技術直接在瀏覽器中完成。您的圖片永遠不會離開裝置，確保檔案完全隱私。
我們支援所有常見的顏色格式：HEX (#FFFFFF)、RGB (255, 255, 255)、HSL (0°, 0%, 100%)、HSV、用於印刷的 CMYK，甚至還有 CSS 顏色名稱。您可以在所有這些格式之間自由轉換。
絕對沒問題！我們的工具允許您直接將色板匯出為 CSS 變數、Tailwind 設定、SCSS 甚至 JSON。輕鬆將您的顏色整合到開發專案中。
使用我們的 WCAG 對比度工具來檢查顏色組合的可讀性。它會自動計算對比度，並告訴您顏色是否符合 AA 和 AAA 無障礙標準。