所有工具
對比檢測工具
檢查兩個顏色之間的 WCAG 對比值。
設計純本機處理。你的輸入內容不會離開瀏覽器。
大字級範例文字
一般字級範例文字
21.00:1
AA 一般文字
AAA 一般文字
AA 大字級
AAA 大字級
關於
完全在瀏覽器內計算前景色與背景色之間的 WCAG 對比值。AA 標準要求一般文字達 4.5:1、大字級達 3:1；AAA 標準要求 7:1 與 4.5:1。
設計上線前，先比較前景與背景顏色。即時預覽會呈現實際搭配，並顯示對比值，以及一般文字和大字體各自的 WCAG 結果。
你可以做什麼
- 可輸入色碼或使用瀏覽器原生選色器。
- 計算最高 21:1 的顏色對比值。
- 分別顯示一般與大字體的 WCAG AA、AAA 結果。
常見用途
- 檢查設計系統的文字與按鈕顏色。
- 網站上線前執行基本無障礙檢查。
- 為品牌色票比較更容易閱讀的替代方案。
常見問題
一般文字需要多少對比？
WCAG AA 對一般文字要求至少 4.5:1，大字體至少 3:1；AAA 的門檻會更高。
對比通過就代表網站無障礙嗎？
不代表。對比只是其中一部分，字體、焦點樣式、語意結構、鍵盤操作與互動狀態也需要一起檢查。