About Color blindness simulation
Protan / Deutan / Tritan
How to use
Preview how a color pair or whole interface looks to users with protanopia, deuteranopia and other vision types, next to the original.
Color blindness simulation
Screen picking is not supported in this browser.
Understanding color blindness
Color vision deficiency affects roughly one in twelve men and one in two hundred women. The most common forms make red and green harder to separate, while tritanopia affects blue and yellow.
Simulation shows how a palette is likely to be perceived, but it cannot replace testing with people who have color vision deficiency.
Designing for color blindness
Never rely on color alone: add labels, icons, patterns or position cues. Keep text contrast high and avoid pairing red and green as the only success/error signal.
Check charts, maps, status badges and form validation states. Use texture or direct labels for categorical series.