從圖片擷取調色盤
從任何圖片擷取均衡且可編輯的調色盤，再複製、比較、分享或匯出色彩，用於下一個設計專案。
您的圖片和色彩會留在瀏覽器中，絕不會上傳。
拖放您的圖片
或點選下方瀏覽檔案
最多 10 張圖片 · 本機處理 · 不上傳任何內容
調色盤擷取會在您的裝置上以本機方式執行。 您的圖片和色彩會留在瀏覽器中，絕不會上傳。
完整的圖片調色盤工作流程
為不同用途設計的擷取風格
可選擇均衡、鮮豔、柔和、明亮、深色或主色結果，並在重新產生時鎖定重要色彩。
功能完整的調色盤編輯器
新增、移除、重新排序、重新命名與鎖定各個色票，並為其指派語意角色。
內建對比度指引
將調色盤的色彩組合與 WCAG 2.x 對比度門檻比較，再把色彩套用至文字與背景。
本機處理，保障隱私
解碼、調色盤分析、編輯與匯出全都在瀏覽器中完成。
如何從圖片建立調色盤
- 1
新增一張或多張圖片
選擇檔案、拖放或貼上圖片、載入直接 HTTPS 圖片網址，或試用內建範例。
- 2
微調擷取的色彩
變更調色盤風格與色彩數量、聚焦特定區域、選取精確位置、編輯色票，並鎖定要保留的色彩。
- 3
複製或匯出
複製單一色彩值，或下載適用於開發、設計、圖片、PDF 或批次處理的調色盤格式。
為什麼要從相片擷取色彩？
相片、標誌、螢幕截圖、藝術作品、商品圖片或情緒板都能轉換為可重複使用的色彩系統，運用於網站、品牌、簡報、空間、活動或插圖。自動色彩來自感知上的來源色彩分群；手動選取與輸入的色彩會清楚標示。
選擇合適的調色盤大小和風格
可從八種色彩開始，再於自動擷取時選擇 2–24 種色彩。「均衡」會混合主色和強調色；「鮮豔」、「柔和」、「明亮」、「深色」和「主色」會改變真實來源色彩分群的評分方式。細小的強調色可能會被略過，因此可分析更小的區域，或先選取並鎖定色彩再重新產生。
主色、強調色和百分比
百分比代表在目前區域和透明度策略下納入分析的像素比例，並經過四捨五入使總和為 100%。手動色彩值不代表顯著度，除非仍與某個來源色彩分群相關聯。鎖定有用的色彩，即可在替換其餘色彩時保留它們。
色彩格式與調色盤匯出
複製 HEX、RGB、HSL 或 OKLCH，並匯出 CSS、SCSS、Tailwind、DTCG 權杖、JSON、CSV、TXT、GPL、ASE、SVG、PNG、拼貼圖、PDF 或批次 ZIP 檔案。公開色彩值使用 sRGB。一般 CMYK 值僅為近似值，並非精確的印刷或 Pantone 配色。
保障隱私的本機圖片處理
檔案解碼、擷取、編輯、分享和匯出全都在瀏覽器中執行，不會將來源檔案上傳至 FastImageTools。使用直接網址模式時，瀏覽器會存取您輸入的網址，因此能否載入取決於來源是否允許 CORS 存取。
從相片、標誌、螢幕截圖或藝術作品擷取調色盤
對於標誌和安全的 SVG 檔案，可使用透明度控制；當背景所占比例過高時，也可以框選分析區域。動畫 GIF 會使用第一個影格，多頁 TIFF 會使用第一頁。如果支援內嵌的描述檔，系統會進行轉換；否則工具會說明採用 sRGB 的假設。
支援的圖片格式
從圖片擷取調色盤常見問題
如何從圖片建立調色盤？+−
可以複製 HEX、RGB、HSL 和 OKLCH 值嗎？+−
是否包含主色百分比？+−
我的圖片會上傳嗎？+−
擷取工具如何選擇色彩？+−
可以擷取多少種色彩？+−
支援哪些圖片格式？+−
如何處理透明像素？+−
可以保留部分色彩並重新產生其他色彩嗎？+−
可以從多張圖片建立一個調色盤嗎？+−
可以匯出為 CSS、Tailwind、ASE、PNG 或 PDF 嗎？+−
CMYK 或 Pantone 值精確嗎？+−
可以在行動裝置上使用嗎？+−
繼續處理圖片與色彩
選取精確像素、檢查來源檔案、編輯圖片或轉換格式，同時維持本機工作流程。