← 所有免費工具

圖片配色擷取與對比度檢查器

從圖片擷取配色,複製 HEX、RGB 色彩值,即時檢查 WCAG 文字對比度。圖片留在瀏覽器本機。

免費 · 無須註冊 · 在瀏覽器本機執行

圖片配色擷取與對比度檢查器

處理結果

選擇設定並執行工具,結果會顯示在這裡。

使用方法

  1. 上傳 PNG、JPEG 或 WebP,選擇擷取 2–8 種色彩。
  2. 擷取配色,複製 HEX、RGB 或 CSS 變數。
  3. 設定文字與背景色彩,也可從擷取的色票中選擇。
  4. 查看即時預覽,以及一般文字、大字的 AA/AAA 對比度結果。

範圍與隱私

圖片留在瀏覽器內,最多 20 MB、4,000 萬像素。配色來自像素取樣,屬於近似結果。對比度依不透明 sRGB HEX 與 WCAG 2.2 比率計算,不代表整頁通過無障礙認證。

官方參考資料 ↗

常見問題

什麼屬於大字?

WCAG 將 18 pt(24 CSS px)一般文字或 14 pt(約 18.7 CSS px)粗體視為大字。一般文字 AA 需要 4.5:1,大字需要 3:1。

把結果用於實際工作

將配色用於 Omni Forms 品牌表單,或準備風格一致的 Omni Social 素材。