色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
UD5工具箱
上传图片,体验不同类型色盲眼中的世界
上传图片后,这里将显示对比视图
拖动中间滑块对比原图与模拟效果色觉缺陷(Color Vision Deficiency, CVD),俗称色盲,是指眼睛感知颜色能力低于正常水平的状态。全球约 8% 的男性和 0.5% 的女性存在某种形式的色觉缺陷。最常见的类型是红绿色盲(包括红色盲和绿色盲),占所有色觉缺陷的约99%。完全色盲(全色盲)非常罕见,约占总人口的0.00003%。
本工具基于 Brettel-Viénot-Mollon 色盲模拟算法(1997-1999年),这是学术界广泛认可的标准方法。其核心流程为:
色盲模拟器是无障碍设计(Accessibility)的重要工具。设计师可以通过它:
色盲(-anopia)指某种锥体细胞完全缺失或完全无功能,患者完全无法感知该波段的光谱差异。色弱(-anomaly)指锥体细胞存在但功能减弱,患者仍能感知该波段的颜色,但辨别能力下降。色弱比色盲更常见。本工具中,色弱模拟采用正常视觉与完全色盲之间的50%加权混合来近似呈现色弱患者的视觉体验。
全色盲极为罕见,患者完全无法感知任何颜色,只能看到黑、白、灰的明暗变化。他们的世界类似于黑白电影。全色盲通常伴随严重的畏光和视力下降(约20/200),因为锥体细胞几乎完全失效,仅靠视杆细胞感知亮度。本工具通过提取图像的亮度分量(使用加权灰度公式)来模拟全色盲的视觉体验。
上传图片,套用红色盲、绿色盲、蓝色盲等滤镜,模拟色觉障碍者所见的颜色效果。
上传图片,选择不同色觉障碍类型,实时预览在这些色觉下的效果,辅助设计。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
输入网站URL(需可Iframe或截图),套用色盲滤镜预览实际视觉效果。
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
提供不仅依赖颜色的图表模式示例(结合纹理、形状),确保色盲用户也可区分数据。
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
收录多幅动态与静态视错觉,可调节参数观察效果,附科学解释。
独立编辑红、绿、蓝通道的强度,甚至交换通道,创造迷幻色彩效果。
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
选择一个渐变样式覆盖在图片上,调整混合模式和不透明度,制作氛围图片。
选择青、品、黄、黑等基本颜料,按比例混合,预览油画或水彩的调色结果。
通过调整局部对比度和曝光,将普通照片处理为类似HDR的增强视觉效果。
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
输入背景和文字颜色,若对比度不达标,自动计算需微调至最近达标色的方案。
随机生成一对背景和文字颜色,并显示其WCAG对比度是否合格。
构建多层视差滚动示例,调整各层速度和方向,生成简洁HTML/CSS模板。
点击颜色,查看其在设计心理学中的通用含义和适用场景建议。
利用环境光传感器读数自动切换网页的亮色/暗色主题,并展示光照强度曲线。
上传图片,生成BlurHash字符串和对应的CSS占位图像,用于渐进式加载。
将两张图片叠加,并应用屏幕、叠加等混合模式,创造艺术化双重曝光效果。
选择两种颜色并设定混合比例,实时展示混合结果及色值,辅助UI配色。
加载图片,显示其最低有效位平面图,辅助发现可能存在的LSB隐写信息。
传统数图升级为多彩版本,按行列多颜色提示涂色,最终生成彩色像素画。
生成带有严格同步滴答声的闪烁测试视频,用于校正播放设备延迟。
沿行或列按亮度或色相对像素进行排序,产生独特的故障艺术效果。
拖动滑块调节图片的亮度和对比度,实时预览效果,保存调整后的图片,基础修图必备。
将CSS渐变与SVG噪点滤镜叠加,生成富有质感的网页背景代码。
在渐变条上拖拽添加和移动色标,调整颜色和位置,实时输出 CSS linear-gradient 代码。
参照编码表,在规定时间内将符号对应成数字,测试认知处理速率。