设计
颜色对比度检测
检查 WCAG 对比度。
还没等我们反应过来，就已经离开了地面。
1.00
对比度
| 标准 | 普通文本 | 大文本 |
|---|---|---|
| WCAG AA | — | — |
| WCAG AAA | — | — |
| WCAG 1.4.11 | 非文本/UI 组件 (≥3:1)：— | |
最接近的 AA 文本替代色正在计算 OKLCH 替代颜色…
本报告遵循 WCAG 2.2 对比度要求。APCA 仍处于实验阶段，不属于 WCAG 3 一致性结果。
使用方法
选择文字颜色和背景颜色。对比度和每个WCAG级别的通过/失败实时更新，并带有预览。
常见问题
什么是好的对比度？
WCAG AA 要求普通文本达到 4.5:1，大号文本达到 3:1。AAA 分别要求 7:1 和 4.5:1。WCAG 1.4.11 还要求必要的非文本图形以及 UI 组件边界或状态达到 3:1。
什么算作大文本？
大号文字约为 18 点（24 像素）或 14 点（18.66 像素）粗体及以上。
如何计算比率？
根据两种颜色的相对亮度：(Lighter + 0.05) ÷ (Darker + 0.05)，遵循 WCAG 公式。
最后更新: