不喜欢广告? 无广告 今天

色盲模拟器和检查器

颜色图像
广告 · 消除?

图片上传

最多 10MB。支持的格式:JPG、PNG、GIF、WebP


或者

色板测试

输入颜色以测试它们在不同类型的色觉缺陷下如何显示。


模拟设置

上传图像或在上方输入颜色以模拟色盲
广告 · 消除?

指导

色盲模拟器和检查器

色盲模拟器和检查器

看看您的图像和色板在有色觉缺陷的人眼中是什么样的。模拟8种CVD类型并测试您的设计是否符合WCAG对比度规定,以确保所有用户的可访问性。

如何使用

上传图像或输入颜色值进行模拟。选择一种色觉缺陷类型,查看您的设计在受影响用户眼中的外观。使用对比度检查器验证您的颜色组合是否符合WCAG可访问性标准。

特征

  • 8种CVD模拟 – 全色盲、重​​​绿​​​色​​​盲​​​、三​​​色​​​盲​​​、全​​​色​​​弱​​​、重​​​绿​​​色​​​弱​​​、三​​​色​​​弱​​​、全​​​色​​​盲​​​(无​​​色​​​)和​​​全​​​色​​​弱​​​(弱​​​色​​​)
  • 图像模拟 – 上传任何图像,并通过不同的CVD视角查看它
  • 色板测试 – 检查每种类型下单个颜色和色板的外观
  • WCAG对比度检查器 – 验证前景/背景颜色组合是否符合AA和AAA标准
  • 并排比较 – 比较原始视图和模拟视图
  • 客户端处理 – 您的图像保留在您的浏览器中

广告 · 消除?

常问问题

  1. 是什么原因导致色盲以及它有多普遍?

    色盲(色觉缺陷)通常是通过X连锁隐性基因遗传的,这就是为什么它影响约8%的男性但只有0.5%的女性。当视网膜中的一种或多种锥状细胞类型缺失或功能障碍时,就会发生这种情况。三种锥状细胞类型分别响应红色(长)、绿色(中)和蓝色(短)波长。大多数色盲个体并非真正对颜色“盲”,而是感知到可区分色调的范围减小。

  2. 全色盲、重​​​绿​​​色​​​盲​​​和​​​三​​​色​​​盲​​​之间有什么区别?

    这​​​是​​​三​​​种​​​二​​​色​​​视​​​(缺​​​少​​​一​​​种​​​锥​​​状​​​细​​​胞​​​类​​​型​​​的​​​完​​​全​​​缺​​​失​​​)。​​​全​​​色​​​盲​​​缺​​​少​​​对​​​红​​​色​​​敏​​​感​​​的​​​锥​​​状​​​细​​​胞​​​,​​​导​​​致​​​红​​​色​​​显​​​得​​​暗​​​淡​​​且​​​与​​​绿​​​色​​​无​​​法​​​区分​​​。​​​重​​​绿​​​色​​​盲​​​缺​​​少​​​对​​​绿​​​色​​​敏​​​感​​​的​​​锥​​​状​​​细​​​胞​​​,​​​与​​​红​​​绿​​​混​​​淆​​​类​​​似​​​但​​​没​​​有​​​变​​​暗​​​。​​​三​​​色​​​盲​​​缺​​​少​​​对​​​蓝​​​色​​​敏​​​感​​​的​​​锥​​​状​​​细​​​胞​​​,​​​造​​​成​​​蓝​​​黄​​​混​​​淆​​​。​​​全​​​色​​​盲​​​和​​​重​​​绿​​​色​​​盲​​​更​​​为​​​常​​​见​​​(分​​​别​​​影​​​响​​​约​​​2%​​​和​​​6%​​​的​​​男​​​性​​​)​​​,​​​而​​​三​​​色​​​盲​​​则​​​相​​​当​​​罕​​​见​​​(约​​​占​​​人​​​口​​​的​​​0.01%​​​)。

  3. 为什么为颜色可访问性进行设计很重要?

    全球约有3亿人患有某种形式的色觉缺陷。如果信息仅通过颜色传递——例如红色表示错误,绿色表示成功——这些用户可能会错过关键反馈。可访问的设计使用多种线索:图标、图案、标签以及与颜色相关的足够对比度。WCAG指南建议文本的最低对比度比率为4.5:1,并建议切勿将颜色作为传达信息的唯一手段。

想要享受无广告的体验吗? 立即无广告

安装我们的扩展

将 IO 工具添加到您最喜欢的浏览器,以便即时访问和更快地搜索

添加 Chrome 扩展程序 添加 边缘延伸 添加 Firefox 扩展 添加 Opera 扩展

记分板已到达!

记分板 是一种有趣的跟踪您游戏的方式,所有数据都存储在您的浏览器中。更多功能即将推出!

广告 · 消除?
广告 · 消除?
广告 · 消除?

新闻角 包含技术亮点

参与其中

帮助我们继续提供有价值的免费工具

给我买杯咖啡
广告 · 消除?