Skip to main content

色盲模拟器(图像) 模拟不同类型的色觉缺陷患者看到的图像效果。

色盲模拟器(图像) illustration
🖼️

色盲模拟器(图像)

模拟不同类型的色觉缺陷患者看到的图像效果。

1

上传图片

拖放或选择一张图片来测试其颜色可访问性。

2

选择类型

选择一种色觉缺陷类型来模拟。

3

比较

查看原始和模拟结果的并排对比,并下载。

Loading tool...

What Is 色盲模拟器(图像)?

一种色觉障碍模拟器,展示了图像在不同色觉缺陷人群中的显示效果。支持红盲(protanopia)、绿盲(deuteranopia)、蓝盲(tritanopia)、全色盲(achromatopsia)和部分异常的模拟。该工具对于UI设计、信息图表、图表和视觉内容的无障碍测试至关重要。使用基于Canvas API的科学准确的颜色转换矩阵,对每个像素进行处理。

Why Use 色盲模拟器(图像)?

  • 科学准确的颜色转换矩阵
  • 多种类型:原发性红绿色盲、次发性红绿色盲、蓝黄色盲、完全色盲
  • 原始和模拟结果的并排对比
  • 设计可访问性的必备工具

Common Use Cases

UI 设计

测试界面设计的颜色可访问性。

数据可视化

确保图表和图形对所有人都可读。

营销

检查品牌颜色和材料是否可访问。

教育

了解色觉缺陷如何影响感知。

Technical Guide

每种缺陷都被建模为一个3x3的颜色转换矩阵,应用于RGB值。红盲(protanopia)使用Brettel算法模拟L-cone无响应的情况。绿盲(deuteranopia)模拟M-cone无响应的情况。蓝盲(tritanopia)模拟S-cone无响应的情况。通过getImageData提取像素数据,RGB值乘以转换矩阵,然后通过putImageData写回。

Tips & Best Practices

  • 1
    首先测试红绿色盲(约占男性 6%)
  • 2
    避免仅依赖红绿色差异
  • 3
    除了颜色外,还使用纹理、图案或标签
  • 4
    测试所有重要的 UI 状态和数据可视化

Related Tools

Frequently Asked Questions

Q 准确性?
使用来自临床研究的科学推导矩阵。
Q 模拟类型?
原发性红绿色盲、次发性红绿色盲、蓝黄色盲、完全色盲和部分异常。
Q 有多常见?
约 8% 的男性和 0.5% 的女性有一定形式的色觉缺陷。
Q 并排显示?
是 - 原始和模拟结果并排显示。
Q 修改原始图像?
否 - 模拟结果单独生成。

About This Tool

色盲模拟器(图像) is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.