色彩對比度檢查器:輸入前景/背景顏色,計算 WCAG 對比度並顯示 AA/AAA 通過情況(本地運行不上傳)。
示例文字
The quick brown fox jumps over the lazy dog. 0123456789
Aa
檢查結果
對比度:
-
AA(一般文字)≥ 4.5
-
AA(大字)≥ 3.0
-
AAA(一般文字)≥ 7.0
-
AAA(大字)≥ 4.5
-
建議前景色
使用黑色:
-
使用白色:
-
如何使用
- 點擊「前景色」與「背景色」色塊選色,或直接輸入 HEX 顏色碼。
- 查看計算出的對比度比率(例如 4.5:1)。
- 檢查 WCAG 2.1 AA 與 AAA 的通過情況(一般文字與大字)。
- 使用「色盲模擬」下拉選單預覽不同色覺條件下的顯示效果。
常見問題與提示
- WCAG AA 要求一般文字對比度至少 4.5:1,大字至少 3.0:1。
- WCAG AAA 要求一般文字對比度至少 7.0:1,大字至少 4.5:1。
- 若對比不足,可嘗試「使用黑色」或「使用白色」快速修正。
- 所有計算都在瀏覽器本地完成,保障隱私。