顏色對比度檢查 使用指南
WCAG 要求正文對比度至少 4.5:1、大字 3:1。輸入兩色即算對比度並提示是否達標 AA/AAA，設計無障礙必備。
核心功能
- 前景/背景色對比度計算
- 輸出 WCAG 等級(AA/AAA)
- 支持普通文本與大文本閾值
- 實時預覽
- 本地計算
適用場景
- 檢查網頁文字可讀性
- 設計無障礙合規
- 選配色避免低對比
使用步驟
- 輸入前景色與背景色(HEX/RGB)
- 查看對比度比值
- 核對 AA/AAA 是否通過
實用技巧
- 比值 ≥4.5 過 AA 正文、≥7 過 AAA
- 大文本(≥18px 或 14px 粗)只需 3:1
- 對比度低可用更深的文字色
常見問題
- AA 和 AAA 區別？
- AAA 更嚴(7:1)，AA 是最低合規線(4.5:1)。
- 能給個例子嗎？
- 黑字(#000)白底(#fff)對比度 21:1，遠超 AAA。