色盲模拟器
把任意颜色或图片转换为红色盲、绿色盲、蓝色盲、色弱与全色盲视角,验证配色对色觉障碍用户是否可辨。
三步上手
- 1给颜色:拾取或粘贴要检查的颜色,也可以直接上传整张图片。
- 2切视角:在八种色觉模式间切换,对照板与图片同步重投影。
- 3查混淆:相邻色块看起来几乎一样就说明该色对会混淆,拉开明度差后复查。
颜色模拟
选择一种色觉视角,查看你的颜色在该内容中的样子(基于 LMS 色彩空间变换矩阵)。
上行为原始颜色、下行为当前视角模拟结果,你的颜色与 8 个常用参照色并列展示;点击任意色块复制模拟后的 HEX。
#E23B2E图片模拟
拖拽或点击上传整张图片,按当前视角逐像素重投影;图片仅在本地 canvas 处理,不会上传。
上传图片后自动按当前色觉模式重绘。
红色盲、绿色盲、蓝色盲分别混淆什么?
红色盲(Protanopia)与绿色盲(Deuteranopia)都发生在红-绿轴上:深红↔暗绿、橙↔黄绿、粉↔灰是重灾区,绿色盲更常见(约占男性 5%)。蓝色盲(Tritanopia)极罕见,塌缩蓝-绿轴:蓝↔青、紫↔红分不清。全色盲(Achromatopsia)只保留明度信息,世界退化为灰阶。
色弱和色盲的模拟有什么不同?
色盲(-opia)表示对应视锥完全缺失,模拟矩阵按「完全缺失」计算;色弱(-omaly)视锥存在但光谱峰值偏移,本工具以约 50% 强度在正常与色盲矩阵之间插值,呈现「能分清但容易犹豫」的中间状态。
发现两个颜色在模拟下塌缩了怎么办?
优先拉开明度差(WCAG 对比度的思路对任何色觉都有效),其次加图案/图标/文字标签做冗余编码,最后才是换色相——换成在三种色盲模拟下都保持分离的「蓝+橙」组合通常最稳妥。