首页颜色对比度检查

颜色对比度检查

在线颜色对比度检查工具,支持前景色与背景色实时对比度计算、WCAG AA/AAA标准校验与配色建议,适用于网页无障碍设计、UI评审与品牌规范验收

前景色(文字颜色)

常用颜色

背景色

常用颜色

实时预览

示例标题

这是一段示例文本,用于观察当前配色在正文场景下的可读性表现。

链接文本预览

21.00:1

对比度比值

WCAG AA

WCAG AAA

颜色调整建议

点击任意建议即可直接应用到前景色。

亮化前景色

深化前景色

常见颜色组合



说明文档

工具简介

颜色对比度检查器用于评估前景色与背景色的可读性,帮助满足 WCAG 可访问性标准。

核心功能

  • 实时计算对比度比值。
  • 显示 WCAG AA/AAA 评级。
  • 提供浅色/深色替代建议。
  • 支持常用配色组合快速测试。

使用步骤

  1. 设置前景色与背景色。
  2. 查看对比度和评级结果。
  3. 根据建议微调配色。

隐私说明

计算在本地浏览器完成,不会上传色值数据。