什麼是 WCAG 顏色對比度檢查器?
免費線上 WCAG 顏色對比度檢查器。輸入前景色與背景色,檢查是否符合 WCAG 2.1 AA 與 AAA 標準。包含預設顏色對與即時預覽。
色彩對比是網頁可及性中最常被忽略的面向之一,但它直接影響數百萬使用者能否閱讀您的內容。WCAG(網頁內容可及性指引)2.1 為文字與背景顏色定義了特定的對比度,以確保低視力、色盲或陽光強烈等觀看條件下的使用者都能閱讀。色彩對比檢查器會針對這些標準測量任何前景/背景顏色組合,並立即告訴您它是否通過。
使用 HEX 顏色選擇器輸入顏色,或直接輸入十六進位值。工具會計算對比度——介於 1:1(無對比)與 21:1(最大對比,黑底白字)之間的數字。結果會與四個 WCAG 門檻比較:AA 一般文字(4.5:1)、AA 大型文字(3:1)、AAA 一般文字(7:1)與 AAA 大型文字(4.5:1)。每個門檻都顯示明確的通過或失敗指標,讓您確切知道您的顏色組合符合哪些標準。
即時預覽面板會以您選擇的顏色顯示範例文字,在數字分析之外提供視覺檢查。這很重要,因為某些在數學上通過的顏色組合,閱讀起來可能仍然不舒服(反之亦然)。工具包含八組常見情境的預設顏色組合——深色模式、淺色模式、連結顏色與警告徽章——讓您快速測試實際世界的組合。
工具也處理邊界情況。如果顏色過於相似,對比度會降到 3:1 以下,所有檢查都失敗——這是該組合無法用於文字的強烈訊號。如果您在測試圖示或表單邊框等非文字元素,WCAG 的非文字對比要求較寬鬆(最低 3:1),即使主要門檻針對文字,此檢查器也能協助您以視覺方式評估。