免費線上色彩對比度檢查器(WCAG) tool icon
WCAG Contrast • 本地計算

免費線上色彩對比度檢查器(WCAG)

輸入前景色與背景色,計算對比度並查看 WCAG 2.1 AA/AAA 通過狀態,並提供簡易色盲模擬預覽。

色彩對比度檢查器:輸入前景/背景顏色,計算 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。
  • 若對比不足,可嘗試「使用黑色」或「使用白色」快速修正。
  • 所有計算都在瀏覽器本地完成,保障隱私。