颜色对比度检查器

在颜色上线前先检查对比度

一组配色可能看起来很好看，但仍然达不到无障碍要求。这个检查器可以帮你把前景色和背景色与 WCAG 对比度标准进行比对，在它们进入设计系统、组件库或正式产品之前先发现问题。

结果会告诉你什么

工具会显示对比度数值，以及该配色是否通过常见的 WCAG 级别：

• AA 正文文本
• AA 大字号文本
• AAA 正文文本
• AAA 大字号文本

为什么这在真实项目里很重要

颜色对比度检查特别适合这些情况：

• 验证品牌色在组件中的可读性
• 测试按钮、卡片和横幅上的文字颜色
• 在设计交付阶段检查无障碍问题
• 避免低视力用户难以辨认的颜色组合

通过标准并不代表一切都没问题

有些颜色组合虽然技术上通过，但在小字号或细字重下仍然会让人读起来吃力。看完通过结果后，最好再结合真实文本大小看一下实时预览。