对比度检查
设计让信息清晰可见
良好的对比度让内容更易阅读,帮助用户快速获取关键信息,提升体验与可访问性。
小号文字示例: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通过