色盲模拟
色盲模拟器
查看你的配色在不同色觉障碍人群眼中的样子,避免关键信息丢失。
编辑配色
风险提示
原始配色
无障碍配色建议
- 不要只用颜色传递信息,配合图标、文字标签或图案填充。
- 相邻区块保持足够的明度差(亮度差 ≥ 30%),而不只是色相差。
- 避免红绿直接搭配,这是最常见的色觉障碍组合。
- 图表中相邻数据系列尽量使用明度递进的同色系或蓝橙对比。
工具介绍与使用说明
📘色盲模拟按 8 种色觉缺陷类型渲染你看到的颜色,用于检查配色在无障碍场景下的可辨识度。
- 选择一种色觉缺陷类型,右侧会模拟你实际看到的颜色,便于检查设计是否仍可辨。
- 不要只依赖单一类型:红绿色盲最常见,建议同时看「红色盲」与「绿色盲」。
- 最稳妥的做法是保证明暗对比(而非仅依赖色相),再配合「对比度检测」一起使用。
使用提示
💡- 选择一种色觉缺陷类型,右侧会模拟你看到的颜色,便于检查设计是否仍可辨。
- 不要只依赖单一类型:红绿色盲最常见,建议同时看「红色盲」与「绿色盲」。
- 最稳妥的做法是保证明暗对比(而非仅依赖色相),再配合「对比度检测」。