使用步骤
- 填写前景色和背景色，或使用颜色选择器调整。
- 设置示例字号，查看预览文字和对比度比例。
- 复制 CSS 前根据 AA/AAA 结果调整色值，确保关键文本可读。
设计工具
颜色对比度检查器
计算前景色和背景色的 WCAG 对比度，检查正文、字号和 UI 图形是否通过。
本地简单运行
使用指南
开始使用
输入前景色和背景色 HEX 后，实时预览文本效果并给出 AA、AAA、正文、大字号和 UI 图形的通过结果。
使用例子
- 检查按钮文字和背景是否满足 AA 正文标准。
- 为设计 token 复核深色模式下的文本对比度。
Loading
颜色对比度检查器
工具组件加载中。