顏色對比度檢查器
依據 WCAG 相對亮度公式在本機檢查前景色與背景色的對比度,分別判斷一般正文、大字號的 AA/AAA 門檻並支援報告匯出。
瀏覽器本地處理
該頁面已通過公開目錄檢查;啟用JavaScript後可使用完整功能。
使用指南
如何使用色彩對比度檢查器
顏色值只會在目前瀏覽器中計算相對亮度和對比度,不會上傳或儲存。
輸入兩種顏色
使用顏色選擇器或貼上 #RRGGBB 值來設定前景色和背景色,預覽會同步更新。
檢查門檻
點擊檢查,分別查看一般正文 AA、一般正文 AAA 和大字 AA 的通過狀態。
複製檢查記錄
通過後可複製報告或下載 TXT,記錄顏色值、比值和各級門檻結果。
限制與注意事項
- 首發版本只接受不含透明度的 #RGB 或 #RRGGBB;半透明顏色必須先確定實際合成背景。
- 4.5:1 適用於一般內文 AA,3:1 適用於大字級 AA,7:1 是一般內文 AAA 的參考門檻;還需檢查字級、字重和非文字對比度。
- 工具只計算一對純色,不模擬漸層、圖片、陰影、字型渲染或複雜背景。
常見問題
4.5:1 是什麼意思?
這是 WCAG 對一般正文文字的 AA 最低對比度門檻;大字號正文的 AA 門檻是 3:1。
為什麼透明色不能直接判斷?
透明前景或背景的最終顏色取決於合成順序和底圖;先確定實際顯示的純色更可靠。
通過對比度就一定符合無障礙要求嗎?
不一定。還應檢查字號、字重、狀態、焦點、非文字元件、圖片背景和實際裝置顯示效果。