Color Blindness Simulator
Preview how a color appears to users with protanopia, deuteranopia, or tritanopia. Helps designers verify that critical UI elements remain distinguishable for everyone.
Click any swatch below to copy its hex value.
Side-by-side comparison
About color vision deficiencies
- ProtanopiaRed-blind (~1% of men)
- Missing long-wavelength (L) cones. Reds appear dark and are easily confused with black or dark greens.
- DeuteranopiaGreen-blind (~1% of men)
- Missing medium-wavelength (M) cones. Greens and reds shift toward yellows and are hard to distinguish.
- TritanopiaBlue-blind (very rare)
- Missing short-wavelength (S) cones. Blues appear green and yellows appear pink or red.
Simulation uses simplified Brettel (1997) transformation matrices. Results are approximations intended for design review; they are not a medical diagnostic tool.