Color Blindness Simulator
Simulate how an uploaded image or design appears under protanopia, deuteranopia and tritanopia color vision deficiencies.
Your file is processed locally in your browser and is not uploaded to our server.
How to use Color Blindness Simulator
- 1Upload an image or a screenshot of your design.
- 2See how it appears under simulated protanopia, deuteranopia and tritanopia (red, green and blue color blindness).
Frequently asked questions
This uses approximate color transformation matrices, useful for a general sense of how designs read under different color vision deficiencies — not a clinically precise simulation.
Related tools
Developer
Shades, Tints & Tones Generator
Generate shades, tints and tones from a base color.
Developer
Color Contrast Checker
Check WCAG AA/AAA contrast between two colors.
Developer
Color Harmony Generator
Generate complementary, analogous or triadic color schemes.
Developer
File List Generator
Generate a formatted list of file names, sizes and types.
Developer
CSS Gradient Generator
Build a linear or radial CSS gradient visually.