๐Ÿ‘๏ธ

Colour Blindness Simulator

Upload an image to see how it appears to people with different types of colour blindness โ€” essential for accessible design.

Advertisement
How to use
  1. Upload an image using the file picker or drag it onto the drop zone.
  2. Select a colour blindness type from the tabs (e.g. Deuteranopia, Protanopia).
  3. Compare original and simulated side by side, then adjust your design.
FAQ

The simulator covers Protanopia, Deuteranopia, Tritanopia, their milder anomalous forms (Protanomaly, Deuteranomaly, Tritanomaly), and Achromatopsia (total colour blindness). Matrices follow the Vienot 1999 / Brettel 1997 models.

No. Images are processed entirely in your browser using a canvas โ€” nothing is sent to any server.

Colour blindness is a spectrum and individual perception varies. These matrices give a useful approximation for design review but cannot match any specific person's vision exactly.