Designer

COLOR BLINDNESS SIMULATOR

Simulate how graphics, UI components, and images appear to users with Protanopia, Deuteranopia, or Tritanopia color blindness.

HOW TO USE COLOR BLINDNESS

01

Step 1

Upload an image file from your computer.

02

Step 2

Switch between Protanopia (Red-Blind), Deuteranopia (Green-Blind), and Tritanopia (Blue-Blind) filter pills.

03

Step 3

Inspect color contrast accessibility.

FREQUENTLY ASKED QUESTIONS

How does the color blindness filter work?

Uses SVG feColorMatrix transformation matrices to recalculate RGB color channels locally.