顏色對比度檢查
檢查 WCAG 文本和界面對比度。
顏色對比度檢查工具可以計算兩種顏色之間的 WCAG 對比度，顯示普通和大字號文字的 AA/AAA 通過標記，並推薦達到 AA 的更深或更淺前景色。
預覽
對比度測試文字，用於查看可讀性
對比度: 17.72:1
AA 通過AA 大字號 通過AAA 通過AAA 大字號 通過
AA 建議色
#0a0a0b
對比度 19.79:1 · 更深
#000000
對比度 21:1 · 更深
#26262b
對比度 15.06:1 · 更淺
#35353b
對比度 12.18:1 · 更淺
#43434c
對比度 9.79:1 · 更淺
使用方法
- 輸入或選擇前景色。
- 輸入或選擇背景色。
- 查看對比度、通過標記和 AA 合規配色建議。
常見問題
什麼是對比度好？
普通文字達到 WCAG AA 至少需要 4.5:1，AAA 至少需要 7:1。
什麼算大字號？
通常指 18pt 或 14pt 加粗文字，其 AA 閾值降低到 3:1。
建議色是如何生成的？
工具會調整前景色亮度，向白色或黑色移動，直到對比度達到 4.5:1。