UD5工具箱
色觉缺陷模拟器 - 上传图片体验不同色盲
应用马氏算法将图片转换为红色盲、绿色盲、蓝色盲视角的模拟效果。
色盲模拟器
上传图片，模拟各种色觉障碍下的视觉效果，助力无障碍设计
点击上传图片或拖拽到此处
支持 JPG / PNG / WebP，建议尺寸不超过 4000px
常见问题与知识点
色觉障碍（Color Vision Deficiency, CVD）是指人眼辨別颜色的能力低于正常水平。全球约8%的男性和0.5%的女性受其影响。主要类型包括：红色盲（Protanopia）——对红色光不敏感；绿色盲（Deuteranopia）——对绿色光不敏感，最为常见；蓝色盲（Tritanopia）——对蓝色光不敏感，较为罕见；红色弱/绿色弱——相应锥体细胞功能减弱；全色盲（Achromatopsia）——完全无法分辨颜色，极为罕见。
本工具基于Brettel-Viénot-Mollon色盲模拟算法，通过将图片从sRGB色彩空间转换到LMS（长波-中波-短波）锥体细胞响应空间，再根据不同的色觉障碍类型应用相应的投影或偏移矩阵，模拟缺失或异常锥体细胞的响应。该算法在学术界被广泛引用，能较为准确地反映色觉障碍者的视觉体验，但由于个体差异，实际感受可能略有不同。
约4.5%的全球人口存在某种形式的色觉障碍。如果设计仅依赖颜色来传达信息（如红绿状态指示、仅靠颜色区分的图表），这部分用户可能无法正确理解。使用色盲模拟器检查设计，可以确保信息通过颜色+形状/文字/图案等多重方式传达，提升产品的无障碍性（Accessibility）和用户体验。WCAG 2.1指南也明确要求非文本内容需要考虑色觉障碍用户。
几个实用建议：1. 不要仅依赖红/绿来表示状态，同时使用图标（✓/✗）、形状或文字标签。2. 图表中使用不同纹理或图案区分数据系列。3. 确保文字与背景有足够的对比度（建议≥4.5:1）。4. 使用蓝-橙、蓝-黄等色盲友好的配色方案。5. 在链接中使用下划线，而非仅用颜色区分。将此工具融入设计流程，在上线前检查关键界面。
目前大多数先天性色觉障碍无法治愈，但特殊眼镜（如EnChroma）可帮助部分患者增强色彩感知。色盲人士并非看到黑白世界（全色盲除外），而是某些颜色看起来更接近、更暗淡或难以区分。例如红绿色盲常将红色和绿色都感知为偏黄色或棕色。通过本模拟器，您可以直观了解不同色盲类型的视觉体验。
色盲模拟器 - 图片滤镜在线预览色觉缺陷
上传图片，套用红色盲、绿色盲、蓝色盲等滤镜，模拟色觉障碍者所见的颜色效果。
实时色盲模拟摄像头滤镜 - 理解色彩感知差异
调用摄像头，实时应用红色盲、绿色盲、蓝黄色盲等滤镜，让普通人体验色觉障碍者的世界。
全色盲模拟预览 - 网页URL转色觉障碍视图
输入网站URL（需可Iframe或截图），套用色盲滤镜预览实际视觉效果。
无障碍图表模式库 - 颜色与纹理组合示例
提供不仅依赖颜色的图表模式示例（结合纹理、形状），确保色盲用户也可区分数据。
实时色盲滤镜预览 - 摄像头/屏幕查看
调用摄像头或截取屏幕区域，叠加色觉障碍模拟滤镜，帮助理解不同色盲视角。
视错觉库 - 交互体验著名错觉
收录多幅动态与静态视错觉，可调节参数观察效果，附科学解释。
色觉异常类型自测 - Ishihara板小测验
快速浏览几张石原图，根据结果提示可能色觉问题。
像素排序艺术 - 按亮度/色相重排像素
沿行或列按亮度或色相对像素进行排序，产生独特的故障艺术效果。
颜料调色模拟器 - 减法混色CMYK结果
选择青、品、黄、黑等基本颜料，按比例混合，预览油画或水彩的调色结果。
BlurHash占位图生成器 - 从图片生成模糊预览
上传图片，生成BlurHash字符串和对应的CSS占位图像，用于渐进式加载。
照片色调映射器 - HDR效果局部调整
通过调整局部对比度和曝光，将普通照片处理为类似HDR的增强视觉效果。
环境光传感器自适应主题 - 亮度变化触发暗色模式
利用环境光传感器读数自动切换网页的亮色/暗色主题，并展示光照强度曲线。
颜色渐变色带生成 - 等距N色方案
选择起止颜色及所需色阶数，生成均匀插值的颜色数组，输出HEX列表或CSS渐变。
图片曲线调整工具 - RGB 与明度通道调色
在曲线上添加控制点调节图片亮度和各颜色通道，支持 S 曲线、反相、负片等高级调色效果。
像素画生成器 - 图片转像素风格(Canvas)
将图片转换为像素艺术风格，可调整像素块大小，生成复古像素效果，纯前端Canvas渲染。
视差滚动演示器 - 多层背景不同速滚动
构建多层视差滚动示例，调整各层速度和方向，生成简洁HTML/CSS模板。
音画同步测试视频产生器 - 闪屏加滴答声
生成带有严格同步滴答声的闪烁测试视频，用于校正播放设备延迟。
RGB通道混合器 - 交换/调整颜色通道
独立编辑红、绿、蓝通道的强度，甚至交换通道，创造迷幻色彩效果。
图片渐变叠加生成器 - 添加色彩滤镜层
选择一个渐变样式覆盖在图片上，调整混合模式和不透明度，制作氛围图片。
环境光事件记录器 - 监听并记录光照变化
使用 AmbientLightSensor API 监听光照强度变化，记录日志并绘制时间-照度图。
图片亮度对比度调节 - 在线曝光调整工具
拖动滑块调节图片的亮度和对比度，实时预览效果，保存调整后的图片，基础修图必备。
语义颜色测试器 - 将颜色与含义匹配看多久判断
显示用错误颜色书写的颜色名，用户需按实际含义或墨水色反应，类似Stroop测验。
颜色情感含义查询 - 色彩心理学速查
点击颜色，查看其在设计心理学中的通用含义和适用场景建议。
照片二次曝光合成 - 叠加两张图片混合
将两张图片叠加，并应用屏幕、叠加等混合模式，创造艺术化双重曝光效果。
随机配色对比度测试 - 随机生成检查
随机生成一对背景和文字颜色，并显示其WCAG对比度是否合格。
WCAG对比度调节器 - 微调颜色达标
输入背景和文字颜色，若对比度不达标，自动计算需微调至最近达标色的方案。
彩色数图逻辑谜题 - 多色块填色
传统数图升级为多彩版本，按行列多颜色提示涂色，最终生成彩色像素画。
数图/绘图逻辑 - 按行列数字填色块
根据每行每列的数字提示，填充正确格子，最终显示隐藏图画。
自适应白噪音生成器 - 根据环境噪音动态调整
利用麦克风分析环境噪音水平，自动调节白噪音音量以掩蔽背景声，辅助深度工作。