浏览器本地处理
无需登录
WCAG 2.1 标准
对比工具检测两个颜色的对比度是否符合 WCAG 无障碍标准
大号文本示例 Large Text常规文本示例 The quick brown fox jumps over the lazy dog.
14.68:1
常规文本（< 18pt）AAA 通过
大号文本（≥ 18pt 或 14pt 粗体）AAA 通过
UI 组件 / 图形对象AA 通过
按 WCAG 2.1 标准计算相对亮度与对比度浏览器本地计算 · 不上传数据
工具说明WCAG
简介
按 WCAG 2.1 规范计算两个颜色之间的对比度，实时预览文字在对应背景下的实际显示效果，并分别给出常规文本、大号文本、UI 组件三类场景的 AA / AAA 达标结果，帮助你在设计阶段就发现可访问性问题。所有处理都在浏览器本地完成，数据不会离开你的设备。
场景
检查设计稿的文字颜色是否符合无障碍要求排查网站可访问性审计报告中的对比度问题为按钮、图标等 UI 元素选择合适的配色验证深色模式下的配色是否依然清晰可读
使用步骤
123
选择两个颜色查看对比度核对达标情况