检查文字与背景的对比度
- 设置文字颜色与背景颜色。
- 即时查看比值、AA/AAA 结果和阅读预览。
- 交换或调整颜色，找到符合所需标准的搭配。
这里只检查这组纯色的文字对比度，不能据此判断整个网页是否符合无障碍标准。
打开独立工具页 ↗Colorkind / 免费在线工具
检查文字与背景的对比度
输入两种纯色，实时查看对比度，以及 WCAG 2.2 AA 和 AAA 的文字对比度结果。
让每个字，都清楚。
03 / CONTRASTAa
好设计，读起来更轻松。
这是一段 14px 普通文字预览。颜色搭配应让内容清晰可读，而不仅仅是看起来好看。
上方标题为 24px 常规大字。标准依据：WCAG 2.2 ↗
15.30:1
使用真实比值判断通过，显示值保留两位小数。
AA 普通文字≥ 4.5:1✓ 通过
AA 大号文字≥ 3:1✓ 通过
AAA 普通文字≥ 7:1✓ 通过
AAA 大号文字≥ 4.5:1✓ 通过
这里只检查这组纯色的文字对比度，不能据此判断整个网页是否符合无障碍标准。
使用指南
操作简单，结果清楚。
FAQ
使用前，你可能想了解。
多大的字属于大号文字？
WCAG 将至少 18pt（24 CSS 像素）的常规文字，或至少 14pt（约 18.67 CSS 像素）的粗体文字视为大号文字。这里的大字预览为 24px 常规文字。
对比度达到多少才通过？
AA 普通文字需要 4.5:1，大号文字需要 3:1；AAA 分别为 7:1 和 4.5:1。通过与否按未舍入的真实比值判断。