Color Blindness Simulator
Preview how a single color appears to viewers with protanopia, deuteranopia, and tritanopia. Designers can quickly check palette contrast, while educators can demonstrate the impact of missing photoreceptor sensitivity.
How the simulation works
The simulator multiplies the selected RGB color by empirically derived transformation matrices. For protanopia, the conversion is , which reduces the red channel while compensating with green and blue. Similar matrices approximate deuteranopia and tritanopia, producing realistic swatches for rapid comparison.
| Condition | Population affected |
|---|---|
| Protanopia / protanomaly | 1% of men, 0.02% of women |
| Deuteranopia / deuteranomaly | 5% of men, 0.35% of women |
| Tritanopia / tritanomaly | <0.1% of all people |
Design more inclusive palettes
Use the copied summary to document palette adjustments, then verify text contrast with the color contrast checker, generate alternatives in the palette generator, and double-check hue warmth via the color temperature converter. Together, these tools streamline accessibility reviews for brand and interface work.
Remember that real-world perception varies; test key interactions with people who have color vision differences and layer redundant cues such as labels, patterns, or icons to ensure everyone can interpret your design.