Color Blindness Simulator
9 toolsPreview a color under color blindness.
Runs in your browser — your files and text stay on your device
Preview how a color looks to people with common types of color blindness. Roughly 1 in 12 men has some form of color vision deficiency, so it's worth checking that important information isn't conveyed by color alone. It runs in your browser.
Picker & PaletteShade ScalePalette from ImageColor MixerGradient GeneratorContrast CheckerColor BlindnessNamed ColorsPalette Reference
Original
#3b82f6
Protanopia
#5a5ada
Deuteranopia
#5650d3
Tritanopia
#3fc4bf
How to use this tool
- 1Pick a color.
- 2See how it appears under three common types of color blindness (protanopia, deuteranopia, tritanopia).
Frequently asked questions
What's the difference between the three types?
Protanopia and deuteranopia are red-green color blindness (the most common types, affecting red and green cone cells respectively); tritanopia is blue-yellow color blindness, much rarer.
Why does this matter for design?
Roughly 1 in 12 men and 1 in 200 women have some form of color blindness — checking that your color choices remain distinguishable helps make a design accessible to them.
Is my color sent to a server?
No, the simulation is computed entirely in your browser using standard color-blindness transformation matrices.