🎨 颜色对比度检测

前景色 (文字)
RGB 0, 0, 0
亮度 0%
背景色
RGB 255, 255, 255
亮度 100%
21.00 : 1
3 4.5 7
WCAG AA
✗ 普通文字 (4.5:1)
✗ 大号文字 (3:1)
WCAG AAA
✗ 普通文字 (7:1)
✗ 大号文字 (4.5:1)
效果预览
普通文字示例 Normal Text
大号文字示例 Large Text
粗体文字示例 Bold Text
建议配色方案
常用配色预设
📖 工具说明

颜色对比度检测工具帮助您检测文字与背景色的对比度，确保符合WCAG无障碍标准，提升网站的可访问性和可读性。

WCAG 等级说明：

  • AA 级 - 最低推荐标准，满足基本无障碍要求
  • AAA 级 - 增强标准，提供更好的可访问性

具体要求：

  • AA 普通文字 - 最小对比度 4.5:1
  • AA 大号文字 - 最小对比度 3:1（18pt或14pt粗体）
  • AAA 普通文字 - 最小对比度 7:1
  • AAA 大号文字 - 最小对比度 4.5:1

为什么要检测对比度？

  • 帮助视力障碍用户阅读内容
  • 在强光环境下提高可读性
  • 符合法律法规要求（如ADA、Section 508）
  • 提升整体用户体验
🔗 相关工具