色盲模拟器

    可视化不同色觉缺陷者的颜色显示方式

    选择颜色

    HEX

    #2596be

    Eastern Blue

    色盲模拟器

    检查不同类型色盲的人如何感知颜色,以创建更具可访问性的设计。了解颜色感知有助于确保你的内容对所有人都可访问。

    影响

    8%的男性和0.5%的女性有某种形式的色觉缺陷。

    类型

    红绿色盲最常见,影响对红色和绿色的感知。

    更好的设计

    使用对比和图案与颜色一起传达信息。

    原始颜色

    #2596be

    Eastern Blue

    这是正常色觉下颜色的显示方式。

    红绿色盲(原色盲)

    红色盲

    1.3%的男性,0.02%的女性

    82%

    显示效果

    #696ab5

    红色弱

    1.3%的男性,0.02%的女性

    90% 相似
    原始
    #2596be
    模拟
    #4b7eba

    红绿色弱(色盲)

    绿色盲

    1.2%的男性,0.01%的女性

    80%

    显示效果

    #635bb3

    绿色弱

    5%的男性,0.35%的女性

    90% 相似
    原始
    #2596be
    模拟
    #4e84b9

    蓝黄色盲(蓝色盲)

    蓝色盲

    0.001%的男性,0.03%的女性

    93%

    显示效果

    #33aeac

    蓝色弱

    0.0001%的人口

    96% 相似
    原始
    #2596be
    模拟
    #2fa2b8

    完全色盲

    全色盲

    占人口的0.003%

    74%

    显示效果

    #8b8b8b

    部分色盲

    占人口的0.001%

    78% 相似
    原始
    #2596be
    模拟
    #7f8d97

    注意:这些模拟是近似值。实际色觉可能因相同类型的色盲个体而异。.

    了解色盲

    通过测试颜色可访问性来创建包容性设计

    色盲影响全球约12名男性中有1名和200名女性中有1名。此模拟器帮助设计师、开发者和内容创作者了解他们的颜色选择在各种色觉缺陷者眼中的表现。

    通过不同色盲模拟测试你的颜色,你可以确保你的设计对所有用户都是可访问和有效的。此工具模拟了最常见的色觉缺陷类型,包括红色盲、绿色盲、蓝色盲和完全色盲。

    为什么重要

    仅靠颜色不应是传达信息的唯一方式。使用此模拟器测试有助于识别潜在问题。

    使用案例

    非常适合UI设计、数据可视化、品牌设计以及任何依赖颜色区分的视觉内容。