色盲色觉模拟
色盲(色觉障碍)模拟:输入任意十六进制颜色,实时查看在红色盲、绿色盲、蓝色盲与全色盲下的显示效果, 并可预览一组配色在各类色觉下的可读性,帮助检查图表的颜色区分度与无障碍(WCAG)友好性。全部在浏览器本地计算。
常见类型:红色盲(Protanopia)难分红绿、绿色盲(Deuteranopia)最常见、蓝色盲(Tritanopia)难分蓝黄、全色盲(Achromatopsia)只见明暗。
预览
使用说明
约 8% 的男性存在某种色觉障碍,若只靠红绿来区分图表数据,这部分用户很可能看不出差异。本工具用色觉模拟矩阵把颜色转换为色盲视角下的显示效果,并估算配色对比度,帮助你做无障碍配色。
- 每行输入一个十六进制颜色(可含 #)。
- 点「模拟」,查看各颜色在红色盲、绿色盲、蓝色盲与全色盲下的显示。
- 看底部提示:若最小对比度偏低,说明这些颜色在该色觉下容易混淆,建议调整。
常见问题
- 模拟结果准确吗?
- 基于公开的色觉模拟矩阵做近似换算,与真实病理感受存在差异,但足以判断「颜色可区分性」这种相对问题,用于无障碍设计参考。
- 怎么让配色对色觉障碍更友好?
- 不要太依赖单一颜色:给数据系列加不同形状、图案、标签或直接标注数值;同时让颜色的明度拉开差距,这样即使色相分不清,明暗仍可辨别。