色彩对比度检测
按 WCAG 2.1 标准检测文字与背景的对比度，判断是否满足 AA / AAA 无障碍要求
设置颜色
检测结果
-
对比度比值（1:1 ~ 21:1）
AA 正文-
AA 大字-
AAA 正文-
AAA 大字-
实际阅读效果
大字标题：让配色更清晰
正文示例：好的对比度能显著提升可读性。WCAG 要求普通文本的对比度至少达到 4.5:1，
大号文本（18pt 以上或 14pt 加粗）至少 3:1；达到 7:1 则是 AAA 级别。
小字示例：这是一行用于检查实际阅读体验的辅助说明文字。
WCAG 对比度标准
- AA（最低要求）：正文 4.5:1，大号文本 3:1。
- AAA（增强要求）：正文 7:1，大号文本 4.5:1。
- 大号文本指 18pt（约 24px）以上，或 14pt（约 18.7px）加粗。
- 对比度 21:1 为极限（纯黑与纯白）。
常见问题
颜色看起来“够清楚”，为什么还是没通过？
人眼对亮度差异的判断受环境影响，WCAG 用的是相对亮度公式，与主观感受会有偏差。以检测值为准，尤其是在移动端小字号场景。
“一键达标 AA”是怎么算的？
保持前景色的色相与饱和度不变，逐步调整明度，找到刚好达到 4.5:1 的颜色；如果背景较暗则向亮处调整。
相关工具
