在线工具

工具箱 › 图片 › 颜色审计

颜色审计

在线颜色审计工具,按 WCAG 2.1 计算前景背景对比度并给出 AA/AAA 与大字等级判定,支持红色盲、绿色盲、蓝色盲模拟与两两对比度矩阵,标出模拟后容易混淆的色对。全部在本机浏览器完成。

色块HEX对比度(黑字/白字)WCAG 等级色觉模拟后

对比度的算法口径

按 WCAG 2.1 原文计算:先把 sRGB 分量做伽马反变换得到线性值,再算相对亮度与对比度((L1+0.05)/(L2+0.05))。

判定阈值沿用规范:正文 4.5:1 为 AA、7:1 为 AAA;18.66px 加粗或 24px 以上的「大字」3:1 即达标;界面控件与图标等非文本元素 3:1 即达标。

色盲模拟怎么做的

用 Machado、Oliveira 与 Fernandes(2009)给出的严重度 1.0 感知矩阵,在线性 RGB 空间做一次线性变换。这是学术上常用的近似算法,不等于用眼镜试戴的真实观感。

男性约 8% 有某种色觉缺陷,其中绿色盲最常见。能分辨不等于能分辨全部 —— 变换后仍会标出「模拟后容易混淆」的色对,供设计自查。

常见问题

这些等级能直接用于上线审查吗?

可以按 WCAG 2.1 的字面阈值自查,但完整无障碍评审还要看对比度之外的维度:是否只靠颜色传达信息、键盘可达性、屏幕阅读器语义。工具覆盖的是颜色这一项。

为什么不用 APCA(WCAG 3)?

APCA 还处于候选阶段,阈值与浏览器实现尚未统一,本页只给 WCAG 2.1 的确定性数字。需要看 APCA 的 Lc 值请用专门的 APCA 校验工具。