對比度檢查器 的運作方式
此工具會計算兩種顏色之間的 WCAG 對比度，並顯示該配色是否達到一般文字、大型文字與非文字介面元件的 AA 或 AAA 等級。所有計算都在你的瀏覽器本機完成；你輸入的顏色絕不會被上傳。
WCAG 對比度檢查器
輸入或選取兩種顏色，立即看到 WCAG 對比度，以及一般／大型文字的 AA/AAA 是否通過。
對比度檢查器 的分步使用說明
- 輸入或選取前景（文字）顏色。
- 輸入或選取背景顏色。
- 查看對比度數值，以及一般文字、大型文字與非文字介面元件的 AA/AAA 標章。
- 使用「交換顏色」功能，反過來檢查這組配色。
常見使用情境
- 在發布按鈕元件之前，檢查品牌主色與黑白背景的對比度。
- 確認柔和的灰色內文文字，在淺色卡片背景上仍能通過 AA 等級。
- 確認段落中的連結顏色達到一般文字所需的 4.5:1 門檻。
- 測試較細字重的大標題，是否仍能通過較寬鬆的大型文字 3:1 門檻。
常見問題
此工具會將我的顏色傳送到伺服器嗎?
不會，計算完全在你的瀏覽器中以 JavaScript 完成;你輸入的任何內容都不會被上傳。
要達到 AA 或 AAA 需要多少對比度?
WCAG 2.x 規定一般文字 AA 需要 4.5:1、AAA 需要 7:1;大型文字 AA 需要 3:1、AAA 需要 4.5:1。
什麼算是大型文字?
一般字重至少 24px(18pt),或粗體約 18.7px(14pt)以上;更小的文字則採用一般文字的門檻。
為什麼交換前景與背景顏色不會改變對比度？
對比度公式是對稱的：它只比較較亮與較暗的亮度，而不在乎哪個顏色用於文字。交換仍然有用，因為它能告訴你這組配色在角色互換時是否同樣可行，例如淺色底上的深色文字，對比深色底上的淺色文字。
通過 AA 等級能保證我的設計具備無障礙性嗎？
不能。對比度只是眾多 WCAG 成功準則之一。針對色覺缺陷使用者的配色、焦點可見性、文字縮放與鍵盤導覽，都是各自獨立的檢查項目；本站的色盲模擬工具涵蓋其中一項。
這是 W3C 或 WebAIM 的官方工具嗎？
不是。它是獨立實作公開的 WCAG 2.x 對比度公式，與 W3C 或任何無障礙相關組織皆無關聯。