Free Color Blindness Simulator
See how your design looks to people with color vision deficiencies. Simulates protanopia, deuteranopia, tritanopia, achromatopsia, and milder anomalies.
Drop a file here, or click to browse
JPG, PNG, WebP, HEIC, HEIF Β· processed on your device
or press Ctrl+V to paste from your clipboard
Your files never leave your device. All processing happens locally in your browser.
Upload a design, infographic, or photo to see how it appears to people with color vision deficiencies. Especially useful for: chart designers, UX designers, and accessibility audits.
Common uses
- Audit Charts and Graphs for Color BlindnessTest data visualizations to ensure they're understandable for the ~8% of men with color vision deficiency.
- Audit UI Designs for AccessibilityCheck your app UI screenshots in CVD modes β make sure all state indicators are visible to everyone.
- Test Print Designs for Color AccessibilityPosters, infographics, and printed materials all benefit from a CVD check before printing.
- Photographer Color EducationPhotographers can use the simulator to understand how their viewers might perceive color in their work.
- Teach About Color Vision DeficiencyDemonstrate to students, designers, or developers what CVD actually looks like.
How It Works
Color vision deficiency (CVD) is simulated using Brettel-ViΓ©not color transformation matrices β the standard algorithm used in accessibility tools.
- 1You drop an imageThe image is loaded into a canvas in your browser. Pixels are downsized for performance (max 1200 px on the longest edge).
- 2A 3Γ3 color transform is applied to every pixelEach CVD type has a specific matrix. For deuteranopia (green-blind), red and green channels get mixed in a way that mimics what people with only L+S cones perceive.
- 3The transformed image displays alongside the originalSwitch between CVD types to see how the same image looks for the ~8% of men with some form of color vision deficiency.
Your image stays in your browser. Even the simulation math runs locally on your CPU β no server, no API, no upload.
Related Tools
Color Vision Test
Take a 15-plate colour vision screening with dot patterns made on the spot, type the number you see, and get a careful summary of red-green or blue-yellow tendencies. Not a diagnosis.
WCAG Color Contrast Checker
Check whether two colors meet WCAG AA and AAA contrast standards for accessibility. Live preview at multiple text sizes with automatic suggestions when contrast is too low.
Webcam Test
Check that your webcam works before a call β live preview, actual resolution and frame rate, and a snapshot you can download.