Color Blindness Simulator
See how your colors look to users with color vision deficiencies. The tool simulates protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind), the three most common types of color blindness. Enter a color or paste a screenshot and see how it appears under each condition. Essential for designing accessible interfaces.
What it does
- ▸Simulates protanopia (red-blind, ~1% of males)
- ▸Simulates deuteranopia (green-blind, ~1% of males)
- ▸Simulates tritanopia (blue-blind, rare, ~0.01%)
- ▸Shows the original color alongside each simulation
- ▸Accepts hex, RGB, HSL, and named CSS color inputs
Use cases
- ▸Checking if a red/green status indicator is distinguishable for color-blind users
- ▸Testing a chart or data visualization for color-blind accessibility
- ▸Verifying that text and background colors remain readable
- ▸Auditing a design system for color-blind compliance
How it works
Enter a color in any format (hex, RGB, HSL, named)
The tool applies color vision deficiency simulation matrices
The original and simulated colors are shown side by side
Check if the colors are still distinguishable under each condition
Frequently asked questions
1What percentage of users have color blindness?
About 8% of men and 0.5% of women have some form of color vision deficiency. Red-green color blindness (protanopia and deuteranopia) is the most common. Designing for color blindness ensures your interface works for a significant portion of users.
2How accurate is the simulation?
The tool uses established color vision deficiency simulation matrices based on the Brettel/Viénot model. It provides a good approximation of how colors appear to someone with each condition, though individual experiences vary.
3What should I do if my colors aren't distinguishable?
Add a secondary indicator beyond color — use icons, patterns, text labels, or varying shapes. For example, use a check icon alongside green and an X icon alongside red, so the status is clear even without color distinction.
Related tools
Color Contrast Checker (WCAG)
Check text/background contrast against WCAG AA and AAA
Color Converter
Convert colors between hex, RGB, HSL, HSV, HWB, CMYK, UIColor and named formats
Color Palette Generator
Generate color palettes and harmonies — complementary, analogous, triadic, tetradic, split-complement, monochromatic
Image Compress & Convert
Compress images, convert between WebP/JPEG/PNG and resize — fully offline
Use Color Blindness Simulator offline in Devinity
All 95 tools run locally on your Mac. No internet required, no data sent to servers.
Download Devinity →