什麼是顏色對比度檢查器？

顏色對比度檢查器會計算文字色與背景色之間的對比值，並告訴你是否符合 WCAG 無障礙標準。對比值介於 1:1 到 21:1 之間，工具會分別顯示 AA 和 AAA 在一般文字與大型文字下的通過或失敗狀態。

使用方式

檢查器使用 WCAG 官方的相對亮度公式計算，結果與 WebAIM 檢查器及多數無障礙稽核工具一致。所有運算都在瀏覽器本機完成，顏色資料不會上傳，也沒有任何使用限制。

顏色對比度檢查器免費嗎？

完全免費，免註冊，也沒有任何使用限制。全程在瀏覽器裡執行。

WCAG AA 需要多少對比值？

WCAG 2.1 Level AA 要求一般文字的對比值至少達到 4.5:1，大型文字至少 3:1。Level AAA 則將一般文字的標準提高到 7:1，大型文字為 4.5:1。

什麼是大型文字？

大型文字是指一般字重下至少 18pt（約 24px），或粗體下至少 14pt（約 18.66px）。大型文字允許較低的對比值，因為較大的字形本來就比較容易閱讀。

對比值是怎麼計算的？

計算公式為 (L1 + 0.05) / (L2 + 0.05)，其中 L1 和 L2 分別為較亮色和較暗色的相對亮度。亮度依 WCAG 2.x 規範，從 sRGB 的紅、綠、藍通道計算得出。

支援 hex、RGB 和顏色名稱嗎？

支援。可輸入 3、4、6 或 8 位元的 hex 值、rgb() 和 rgba() 值，或任何 CSS 顏色名稱（例如「teal」）。也可以用內建色票選色。

為什麼相同對比值有時通過、有時不通過？

需達到的對比值取決於文字大小與目標標準。例如 3.5:1 在一般文字下不通過 AA，但在大型文字下通過 AA - 請依你實際使用的文字大小和標準進行核對。