圖片配色擷取與對比度檢查器
從圖片擷取配色,複製 HEX、RGB 色彩值,即時檢查 WCAG 文字對比度。圖片留在瀏覽器本機。
免費 · 無須註冊 · 在瀏覽器本機執行
處理結果
選擇設定並執行工具,結果會顯示在這裡。
使用方法
- 上傳 PNG、JPEG 或 WebP,選擇擷取 2–8 種色彩。
- 擷取配色,複製 HEX、RGB 或 CSS 變數。
- 設定文字與背景色彩,也可從擷取的色票中選擇。
- 查看即時預覽,以及一般文字、大字的 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 素材。
