什麼是 WCAG 顏色對比度檢查器?

免費線上 WCAG 顏色對比度檢查器。輸入前景色與背景色,檢查是否符合 WCAG 2.1 AA 與 AAA 標準。包含預設顏色對與即時預覽。

為什麼要使用 WCAG 顏色對比度檢查器?

  • WCAG 2.1 AA and AAA compliance for normal and large text
  • Live text preview with your color combination
  • 8 種預設色彩組合,適用常見情境
  • Clear pass/fail indicators with required ratios

如何使用 WCAG 顏色對比度檢查器 — 逐步教學

1

Enter foreground (text) and background colors.

2

View the contrast ratio and WCAG compliance results.

3

Use preset color pairs for common scenarios.

4

調整顏色直到所有檢查通過。

WCAG 顏色對比度檢查器適合誰?

  • 網頁無障礙
  • UI 設計
  • WCAG 合規
  • 顏色選擇

WCAG 顏色對比度檢查器 — 常見問題

What is WCAG 2.1 AA compliance?

WCAG AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (18pt or 14pt bold).

What is the difference between AA and AAA?

AAA is a higher standard requiring 7:1 for normal text and 4.5:1 for large text. AAA is not required for all content but is recommended where possible.

準備好使用 WCAG 顏色對比度檢查器 了嗎?

免費線上工具 — 在瀏覽器中運作,無需註冊。立即開始使用。

立即試用
Free Forever · No Sign-up

179 Free Tools at Your Fingertips

All free online tools for developers, designers, students, and creators. Every tool works in your browser — no sign-up, no data collection.