顏色對比度檢查器

依據 WCAG 相對亮度公式在本機檢查前景色與背景色的對比度,分別判斷一般正文、大字號的 AA/AAA 門檻並支援報告匯出。

瀏覽器本地處理
該頁面已通過公開目錄檢查;啟用JavaScript後可使用完整功能。
使用指南

如何使用色彩對比度檢查器

顏色值只會在目前瀏覽器中計算相對亮度和對比度,不會上傳或儲存。

  1. 輸入兩種顏色

    使用顏色選擇器或貼上 #RRGGBB 值來設定前景色和背景色,預覽會同步更新。

  2. 檢查門檻

    點擊檢查,分別查看一般正文 AA、一般正文 AAA 和大字 AA 的通過狀態。

  3. 複製檢查記錄

    通過後可複製報告或下載 TXT,記錄顏色值、比值和各級門檻結果。

限制與注意事項

  • 首發版本只接受不含透明度的 #RGB 或 #RRGGBB;半透明顏色必須先確定實際合成背景。
  • 4.5:1 適用於一般內文 AA,3:1 適用於大字級 AA,7:1 是一般內文 AAA 的參考門檻;還需檢查字級、字重和非文字對比度。
  • 工具只計算一對純色,不模擬漸層、圖片、陰影、字型渲染或複雜背景。

常見問題

4.5:1 是什麼意思?

這是 WCAG 對一般正文文字的 AA 最低對比度門檻;大字號正文的 AA 門檻是 3:1。

為什麼透明色不能直接判斷?

透明前景或背景的最終顏色取決於合成順序和底圖;先確定實際顯示的純色更可靠。

通過對比度就一定符合無障礙要求嗎?

不一定。還應檢查字號、字重、狀態、焦點、非文字元件、圖片背景和實際裝置顯示效果。

頁面反饋發現問題或有改進建議?
反饋功能需要在線上版使用

請在線上版啟用 JavaScript 後提交;目前工具或案例的本地功能不受影響。

前往線上版反饋