色觉差异模拟器

将颜色色板或本地图片模拟为常见色觉差异下的视觉结果。

色板比较

使用逗号、空格或换行分隔 HEX、RGB 或 CSS 命名色。

模拟结果

本地图片模拟

选择图片后会直接在 Canvas 中生成当前类型的模拟预览。

输入与输出示例

#E63946, #2A9D8F原色与多种模拟结果

如何使用

  1. 输入色板颜色或选择本地图片。
  2. 选择一种色觉差异类型比较原始与模拟结果。
  3. 单击色块复制其模拟后的颜色值。

能力与限制

  • 浏览器本地处理
  • 图片只在浏览器 Canvas 中读取,不上传或保存。
  • 矩阵模拟用于界面设计预检,不能替代真实用户测试。

常见问题

支持哪些类型?
包含红色觉、绿色觉、蓝色觉差异及全色盲灰阶模拟。

相关指南

颜色格式与对比度:从 HEX 到可读的界面配色 ↗

相关工具

更新于 2026-10-17 · 项目与反馈说明