色盲模拟器

在线色盲模拟器,模拟红色盲、绿色盲、蓝色盲等多种色觉障碍下看到的颜色效果,帮助测试网页与设计的无障碍可读性,纯浏览器本地运行,免费无需安装。

选择颜色或上传图片

📷 点击或拖拽上传图片

色盲类型说明

红色盲 (Protanopia)

无法感知红色光,约占男性 1%。红色看起来像暗黄色或棕色。

绿色盲 (Deuteranopia)

无法感知绿色光,是最常见的色盲类型,约占男性 6%。

蓝色盲 (Tritanopia)

无法感知蓝色光,非常罕见,约占人群 0.01%。

全色盲 (Achromatopsia)

完全无法感知颜色,只能看到灰度,极为罕见。

色盲模拟器常见问题

色盲模拟器怎么使用?

先选择符合 image/* 的文件;修改输入或使用页面控件后查看结果区域。可先用「前景色」中的示例 「#ff0000」熟悉输入格式,再替换成自己的数据。

同一个色值为什么在不同背景或设备上看起来不同?

颜色观感会受周围背景、透明度、屏幕亮度与色彩管理影响。比较色值时应同时核对颜色空间和透明度,并在最终背景与目标设备上查看。

取到品牌色就能保证文字清晰可读吗?

不能。文字可读性还取决于前景与背景的对比、字号和字重。应使用最终的文字颜色与背景颜色检查,不能只根据色卡或单独一个 HEX 值判断。

文件选中后没有结果怎么办?

先检查文件是否属于image/*、是否能在本机正常打开,再用较小文件重试。扩展名正确不代表内容一定有效;大文件会增加浏览器内存占用,预览与导出格式请以页面实际提供的选项为准。

色盲模拟器的结果应怎样理解?

先用最小示例验证,再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。

输入内容会保存或发给外部服务吗?

本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接,以及带外部地址的内容预览仍可能产生网络请求;“本地处理”并不表示整个网页完全没有网络活动。

没有结果或操作失败时先检查什么?

先等待图片或画布完成加载,再尝试预览或导出。远程图片未允许跨域访问时可能无法导出;可改用本地文件,并用较小尺寸排查内存不足问题。

相关工具

颜色对比度检查器 · JSON 格式化 · Base64 编解码 · URL 编解码 · 全部开发工具