色彩對比度檢查器 - 符合 WCAG 2.1

對比度檢查器 是什麼？

對比度檢查器依據 WCAG 2.1（網頁內容無障礙指引）標準計算和評估前景色與背景色之間的對比度。幫助確保文字和背景色彩組合具有足夠的對比度以滿足無障礙需求。

另請參閱: 色碼轉換器 · 調色盤生成器

使用方法

1. 使用色彩選擇器或 HEX 輸入選擇前景色（文字）
2. 使用色彩選擇器或 HEX 輸入選擇背景色
3. 檢查對比度和 WCAG AA/AAA 結果
4. 預覽實際文字外觀

常見問題

WCAG AA 和 AAA 有什麼區別？

AA 是最低標準（普通文字 4.5:1，大文字 3:1），AAA 是更高標準（普通文字 7:1，大文字 4.5:1）。

什麼是大文字？

18px 或更大的文字，或 14px 或更大的粗體文字視為大文字。

如何使用此工具？

只需透過色彩選擇器或 HEX 輸入指定前景色和背景色，對比度和 WCAG AA/AAA 結果即時顯示。

資料會傳送到伺服器嗎？

不會。所有處理在瀏覽器中完成，不會傳送任何資料到伺服器。

對比度不符合標準時該怎麼辦？

嘗試使文字變深或背景變淺（或相反），或增大文字尺寸以更容易達到大文字閾值。

相關工具