pin_drop当前位置:在线工具 ❯ 颜色对比检查器

颜色对比检查器

前景色(文字颜色)

背景色

大号粗体文字示例 (18pt+)
正常大小文字示例 (14-17pt)
小号文字示例 (<14pt)

对比度比值

21.00:1

WCAG 2.1 评级

AA (大文字) ✓ AAA (大文字) ✓
AA (正常) ✓ AAA (正常) ✓

工具简介:

  • 免费在线颜色对比检查器,基于WCAG 2.1无障碍设计标准,实时计算颜色对比度比值,提供AA和AAA级无障碍评级,支持颜色预览和预设颜色快速选择。

使用方式:

  1. 选择前景色(文字颜色)和背景色
  2. 实时查看对比度比值和WCAG评级
  3. 在预览区域查看实际效果
  4. 使用交换颜色或随机颜色功能快速测试

注意事项:

  1. AA级要求:大文字对比度≥3:1,正常文字≥4.5:1
  2. AAA级要求:大文字对比度≥4.5:1,正常文字≥7:1
  3. 建议优先满足AA级标准,AAA级为最佳实践
  4. 可通过颜色选择器或手动输入HEX值设置颜色