色盲模拟

模拟 8 种色觉缺陷显示效果

单色模拟

红色盲
无法感知红色
#5a5ada
绿色盲
无法感知绿色
#5650d3
蓝色盲
无法感知蓝色
#3fc4bf
红色弱
红色感知减弱
#486ae8
绿色弱
绿色感知减弱
#4970e6
蓝色弱
蓝色感知减弱
#3da1e1
全色盲
无法感知任何颜色
#7a7a7a
全色弱
颜色感知严重减弱
#5d7eb2

对比原图

#FF0000
#00FF00
#0000FF
#FFFF00
#FF00FF
#00FFFF
#FFA500
#800080
#008000
#000080
#800000
#008080
#FFC0CB
#A52A2A
#D2691E
#FFD700
#4B0082
#7FFF00

红色盲视图

#918e00
#6e713e
#0000c1
#ffff3e
#918ec1
#6e71ff
#d8d728
#494761
#37391f
#000061
#494700
#373980
#e4e3c8
#706f2a
#a5a430
#eeed34
#2b2a63
#b6b83e

绿色盲视图

#9fb300
#604d4d
#0000b3
#ffff4d
#9fb3b3
#604dff
#dde432
#505a5a
#302626
#00005a
#505a00
#302680
#e7ecc8
#77802a
#abb335
#f0f341
#2f355b
#afa54d

蓝色盲视图

#f20000
#0d6e79
#009186
#ff6e79
#f29186
#0dffff
#fb474e
#7a4943
#06373d
#004943
#7a0000
#068080
#fcc6c6
#9f2a2a
#cd3e42
#fd5d66
#474a44
#856e79

红色弱视图

#d05500
#2faa20
#0000df
#ffff20
#d055df
#2faaff
#efc315
#692b70
#175510
#000070
#692b00
#175580
#f3d5ca
#8e532a
#bf8c27
#f8e41b
#3d1972
#96d420

绿色弱视图

#cc4200
#33bd24
#0000db
#ffff24
#cc42db
#33bdff
#edbc17
#66216e
#1a5f12
#00006e
#662100
#1a5f80
#f2d0c9
#8c4a2a
#bd8429
#f7e11f
#3c1370
#99de24

蓝色弱视图

#f70000
#08bb2f
#0044d0
#ffbb2f
#f744d0
#08ffff
#fc791e
#7c2269
#045e17
#002269
#7c0000
#048080
#fdc3c9
#a12a2a
#cf552c
#fe9e27
#49236a
#83bb2f

全色盲视图

#4c4c4c
#969696
#1d1d1d
#e2e2e2
#696969
#b3b3b3
#adadad
#353535
#4b4b4b
#0f0f0f
#262626
#5a5a5a
#d4d4d4
#4f4f4f
#808080
#cacaca
#252525
#bcbcbc

全色弱视图

#9e2a2a
#52c652
#101084
#efef7b
#ad39ad
#61d5d5
#d2a95e
#571d57
#296329
#080842
#4f1515
#316b6b
#e8cbd0
#763e3e
#a57553
#e2d06e
#36144f
#a0da66

色盲类型说明

红色盲: 约1%男性,无法区分红绿色
绿色盲: 约5%男性,最常见的色盲类型
蓝色盲: 极罕见,蓝黄色混淆
全色盲: 极罕见,只能看到灰度