色盲模拟

色盲模拟器

查看你的配色在不同色觉障碍人群眼中的样子,避免关键信息丢失。

编辑配色

风险提示

原始配色

无障碍配色建议

  • 不要只用颜色传递信息,配合图标、文字标签或图案填充。
  • 相邻区块保持足够的明度差(亮度差 ≥ 30%),而不只是色相差。
  • 避免红绿直接搭配,这是最常见的色觉障碍组合。
  • 图表中相邻数据系列尽量使用明度递进的同色系或蓝橙对比。

工具介绍与使用说明

📘

色盲模拟按 8 种色觉缺陷类型渲染你看到的颜色,用于检查配色在无障碍场景下的可辨识度。

  • 选择一种色觉缺陷类型,右侧会模拟你实际看到的颜色,便于检查设计是否仍可辨。
  • 不要只依赖单一类型:红绿色盲最常见,建议同时看「红色盲」与「绿色盲」。
  • 最稳妥的做法是保证明暗对比(而非仅依赖色相),再配合「对比度检测」一起使用。

使用提示

💡
  • 选择一种色觉缺陷类型,右侧会模拟你看到的颜色,便于检查设计是否仍可辨。
  • 不要只依赖单一类型:红绿色盲最常见,建议同时看「红色盲」与「绿色盲」。
  • 最稳妥的做法是保证明暗对比(而非仅依赖色相),再配合「对比度检测」。