对比度检查

设计让信息清晰可见

良好的对比度让内容更易阅读,帮助用户快速获取关键信息,提升体验与可访问性。

小号文字示例:12px 正文在此背景上的可读性表现。

颜色设置

前景色背景色

对比结果

对比度比率

15.8 : 1

AAA 通过
AA 通过

智能推荐替代色

当前组合已满足 AA 标准,无需替换。

对比度详情

正文(小字 < 18px)AA ≥ 4.5:1通过
正文(小字 < 18px)AAA ≥ 7:1通过
大字(≥ 18px 粗体 / 24px)AA ≥ 3:1通过
大字 AAA ≥ 4.5:1通过
非文本元素(图标 / 边框)≥ 3:1通过