颜色对比度测试

🎨 颜色对比度测试工具

符合 WCAG 2.1 无障碍标准检测

🎨 文字颜色 (前景色)
🖼️ 背景颜色 (背景色)
📄 实时预览
大号文字预览 (24px Bold)
这是普通文字的预览效果。The quick brown fox jumps over the lazy dog.
小号文字 (14px) - 用于查看对比度是否足够清晰易读
对比度比值
21:1
普通文字
WCAG AA (最低 4.5:1)
通过
普通文字
WCAG AAA (最低 7:1)
通过
大号文字
WCAG AA (最低 3:1)
通过
大号文字
WCAG AAA (最低 4.5:1)
通过
文字颜色 (RGB)
rgb(0, 0, 0)
背景颜色 (RGB)
rgb(255, 255, 255)
💡 WCAG 标准说明
AA 级(最低要求):适用于大多数网站
  • 普通文字:对比度至少 4.5:1
  • 大号文字(18pt+ 或 14pt+ 粗体):对比度至少 3:1
AAA 级(增强要求):适用于对无障碍要求更高的网站
  • 普通文字:对比度至少 7:1
  • 大号文字:对比度至少 4.5:1
WeChat
WeChat QR Code

微信号:15932762026