图片编辑器与批量优化器
图片与设计 仅本地处理
配色与无障碍工具箱
仅本地处理检查 WCAG 对比度、修复颜色组合、生成色板，并在本地提取图片颜色。
WCAG 对比度
14.68:1
普通文本 · AA通过
普通文本 · AAA通过
大号文本 · AA通过
大号文本 · AAA通过
界面组件 · AA通过
WCAG 2.2 要求普通文本至少 4.5:1，大号文本与非文本界面组件至少 3:1；增强级普通文本至少 7:1。
实时预览
让更多人都能读清的设计
对比度只是无障碍的一部分，但它是可量化的起点。请把标题、正文、控件和焦点状态放在一起检查。
最接近原色的合规建议
建议会尽量保持色相方向，再向黑色或白色移动，直至达到指定对比度。
使用方法
- 01
输入颜色组合
粘贴 HEX 或 RGB 前景色与背景色，即时查看精确对比度。
- 02
检查或探索
查看 WCAG 2.2 AA/AAA 结果、生成协调色板、模拟常见色觉差异，或从图片提取颜色。
- 03
应用无障碍颜色
采用最接近原色的 AA 或 AAA 建议，复制颜色值，或导出 CSS 变量。
常见问题
对比度检查依据哪个标准？
使用 WCAG 2.2 规范中的相对亮度对比公式，以及 3:1、4.5:1 和 7:1 阈值。
通过对比度就一定无障碍吗？
不是。排版、焦点状态、语义、动效、语言和辅助技术实测同样重要。
上传的图片安全吗？
图片取色只使用临时浏览器 Canvas，不会上传图片。
色觉模拟可以用于诊断吗？
不可以。它只是设计检查辅助，不能用于医疗诊断，也不能替代真实用户测试。
相关工具
继续使用其他专注的浏览器端工具。