Tool / 27
對比度檢查器
挑一組前景與背景色，即時算出 WCAG 對比值並判定 AA／AAA 是否達標，附四種色盲模擬預覽。 所有運算全程自寫、在瀏覽器端進行，不上傳任何資料。
大型標題文字 Aa
一般內文段落，這是 16px 的示範文字 Sample 123。
UI 元件對比結果
21.00
: 1
對比值
- AA · 一般文字 ≥ 4.5
- AA · 大型文字 ≥ 3
- AAA · 一般文字 ≥ 7
- AAA · 大型文字 ≥ 4.5
- UI 元件／圖形 ≥ 3
大型文字＝ 18.66px（14pt）粗體，或 24px（18pt）以上。UI 元件與圖形物件門檻為 3:1。
建議色碼
目前未達 AA · 一般文字（4.5:1），以下是保留原色系、最接近原色的達標配色，點擊即套用：
色盲模擬
Aa 文字
綠色盲
Deuteranopia
Aa 文字
紅色盲
Protanopia
Aa 文字
藍黃色盲
Tritanopia
Aa 文字
全色盲
Achromatopsia