色盲模拟器
上传一张图片并预览红色盲、绿色盲、蓝色盲或全色盲下的效果,然后下载模拟结果。
正在加载工具…
色盲模拟器 — 拖入一张图片,立刻看到它在红色盲(甲型色盲)、绿色盲(乙型色盲)、蓝色盲(丙型色盲)或全色盲(单色视觉)眼中的样子。整个模拟过程在浏览器中用画布逐像素完成——图片绝不会上传到任何服务器,因此即使是私密的设计稿和截图也只留在你的设备上。选择一种类型,将原图与结果并排比较,并下载模拟后的 PNG。
色盲模拟器 是什么?
色盲模拟器是一款免费的浏览器内工具,可将图片重新渲染成特定色觉缺陷者所看到的样子。它支持三种常见的二色觉——甲型色盲(红色弱)、乙型色盲(绿色弱)和丙型色盲(蓝色弱),以及全色盲,即完全单色(灰度)视图。设计师、开发者和无障碍审查人员用它来检查图表、界面状态、状态色和信息图在仅靠颜色传达含义时是否仍然清晰。由于约每十二名男性中就有一人存在某种色觉缺陷,在交付前模拟这些视图有助于发现那些过度依赖颜色对比、而该对比对部分用户会消失的设计。
如何使用 色盲模拟器
- 将图片拖到上传区域,或点击它从设备中选择 PNG、JPG 或 WebP 文件。
- 打开“色觉类型”下拉框,选择甲型色盲、乙型色盲、丙型色盲或全色盲(选择“无”可查看未改动的原图)。
- 模拟预览会在原图旁自动更新,方便你并排比较两者。
- 点击任意预览,即可在可缩放的灯箱中打开并近距离查看细节。
- 点击“下载”将模拟图片保存为 PNG,或点击“重置”清除后换一张图片重试。
示例
检查红/绿状态徽章
上传一个用红色表示“错误”、绿色表示“成功”的界面截图,选择乙型色盲,会看到这两种颜色趋于相似的浑浊色调——提示你应改用图标或文字,而不要只靠颜色。
审查数据图表
载入一个多系列折线图或饼图,在甲型色盲和丙型色盲之间切换,确认每个系列仍可区分;若线条混在一起,请调整配色或加上纹理。
完整灰度可读性测试
选择全色盲,将图片压平为仅含亮度的灰度图;若文字或关键元素消失,说明你的设计依赖色相而非明暗对比。
常见问题
- 它能模拟哪些类型的色盲?
- 它使用标准的 RGB 变换矩阵模拟甲型色盲(红色盲)、乙型色盲(绿色盲)和丙型色盲(蓝色盲),并支持全色盲,即将图片转换为基于亮度的灰度。选择“无”则保持原图不变。
- 我的图片会被上传到服务器吗?
- 不会。整个模拟过程都在你的浏览器中使用 HTML 画布本地完成——文件绝不会离开你的设备,也不会发送到任何服务器,因此它可离线使用,并能为私密图片保密。
- 支持哪些图片格式和输出?
- 你可以载入常见的位图,如 PNG、JPG 和 WebP。模拟结果始终导出为 PNG,以便在存在透明度时予以保留。
- 模拟有多准确?
- 它采用广为人知的线性色彩矩阵近似,非常适合发现界面和图形中对颜色的过度依赖问题。它是一种实用的设计辅助工具,并非临床或医学诊断工具,因此请把结果当作参考,而不是对某个人视觉的精确再现。
- 为什么模拟后的颜色变得灰暗或偏移?
- 每种缺陷都会去除或削弱一种视锥反应,因此依赖该通道的颜色会向其余颜色靠拢。这种把不同色相压成相似色调的效果,正是你希望在交付前发现的现象。