颜色差异
颜色差异对比
放两个颜色，量化它们的色差、明暗对比与无障碍对比度。
色差结果
明暗对比度
Aa
明暗对比度
WCAG 判定
怎么读
ΔE
CIEDE2000 色差：<1 几乎不可辨，≈5 明显可辨，>10 截然不同。
对比度
同时给出 WCAG 对比度与等级，便于判断作为文字/背景是否达标。
工具介绍与使用说明
📘色差对比并排比较两个颜色，给出 CIEDE2000 色差与 WCAG 对比度判定。
- 分别选两个颜色，页面并排显示并给出 ΔE 与对比度结论。
- ΔE ≤ 2 肉眼几乎不可辨，2~5 轻微偏差，>5 明显不同。
- 需要保证可读性时，配合「对比度检测」一起确认是否达标。
使用提示
💡- 改色前后放一起对比，ΔE 能告诉你用户到底“看不看得出来”。
- 若两色作为文字与背景，务必同时看 WCAG 对比度是否达标。
- ΔE 小但明度差大时，色盲用户仍可能混淆，必要时配合色盲模拟。