Cvisim 色觉模拟器

这个模拟器是我业余时间开发的,旨在帮助更多人了解色觉异常者的世界、辅助无障碍设计等。如果您有任何问题,欢迎加QQ群774258636交流。

使用方法

通过左上角的文件选择器,拖放或者粘贴一张图片来加载。然后,你可以选择不同的模拟方式来模拟不同类型的色觉。

所有处理都在你的浏览器本地完成,图片不会上传到服务器。

通过点击和拖动可以移动显示的图片,通过(按住Shift键)双击或者使用鼠标滚轮可以缩放图片。

镜头功能允许你查看原始图片在鼠标周围区域的样子。异常镜头则会在你的鼠标周围区域显示原始图片和模拟图片。

各色觉类型介绍:

* 正常色觉(Normal Color Vision):显示原图

* 红色盲(Protanopia):缺少L型视锥细胞

* 红色弱(Protanomaly):L型视锥细胞敏感度曲线发生偏移

* 绿色盲(Deuteranopia):缺少M型视锥细胞

* 绿色弱(Deuteranomaly):M型视锥细胞敏感度曲线发生偏移

* 蓝色盲(Tritanopia):缺少S型视锥细胞

* 蓝色弱(Tritanomaly):S型视锥细胞异常

* 全色盲(Achromatopsia)(不模拟畏光、视力差等效果):缺少所有类型的视锥细胞

* (暮光)正常视觉(Mesopic vision):正常视觉在暮光下看到的样子,此时视锥细胞和视杆细胞同时主导视觉,详见Purkinje effect(薄暮现象)

* 黄色盲(Tetartanopia):假想的一种色盲,蓝黄拮抗出现异常,但可能不存在

* 黄色弱(Tetartanomaly):同上

* 蓝锥单色视(Blue-cone monochromacy):只有S型视锥细胞正常工作

* 红锥单色视(Red-cone monochromacy):只有L型视锥细胞正常工作

* 绿锥单色视(Green-cone monochromacy):只有M型视锥细胞正常工作

* 红蓝通道互换(Flip Red-Blue):互换R和B通道,帮助色觉异常者区分之前较难区分的颜色,或探究色盲悖论

* 灰度(Grayscale):把图片转换为灰度,但注意这并不代表任何一种色觉异常

模拟方法介绍

本模拟的大部分代码来自MaPePeR的开源模拟器http://mapeper.github.io/jsColorblindSimulator/,在此表示感谢。

Simon-Liedtke, J. T., & Farup, I. (2016) 对比了多种模拟方法,最终得出Brettel的模拟是最准确的。

本网页的异常三色视觉和二色视觉(除了Tetartan)均使用Brettel et al. 1997进行模拟,比常用的HCIRN模拟方法准确。

Tetartan使用HCIRN方法进行模拟,因为这种色觉异常只是理论上的,本网页仅使用HCIRN进行近似模拟。

锥状单色视使用sRGB->LMS->去掉两种通道->sRGB的方法模拟,仅根据理论推算,没有经过验证,不能确保准确。

全色盲模拟的过程是是sRGB->linearRGB->模拟->sRGB,仅经过了一位全色盲的验证,不能确保准确。

我是色弱/色盲,哪些模拟对我来说是准确的?

对于任何色觉异常来说,“正常色觉”和“(暮光)正常视觉”都是不准确的。

对于红绿色弱来说,“红色弱”或者“绿色弱”会模拟一个程度比你严重的色弱视图,“(暮光)正常视觉”可以模拟你在暮光下大概看到的景象,蓝黄色盲和蓝黄色弱均不准确,剩下的模拟和正常人看到的是一样的。

对于蓝色弱来说,“蓝色弱”会模拟一个程度比你严重的色弱视图,红绿色弱、红绿色盲和黄色弱都不准确,“(暮光)正常视觉”可以模拟你在暮光下大概看到的景象,剩下的模拟和正常人看到的是一样的。

对于红绿色盲来说,在红绿色弱的基础上,“红色弱”和“绿色弱”的模拟也不准确。

对于蓝色盲来说,在蓝色弱的基础上,“蓝色弱”的模拟也不准确。

对于单色视者(如全色盲、蓝锥单色视)来说,只有单色视觉的模拟才是准确的。

以上内容不讨论“红蓝通道互换”,因为这是用来帮助色觉异常者区分颜色的。

无障碍设计 - 颜色选择器

正常
红色盲
绿色盲
蓝色盲
全色盲

  重置视图  

Your Browser does not support <canvas>. Get an upgrade!