See an image the way colour-blind people see it
Protanopia, deuteranopia, tritanopia and more, side by side, to check a design or chart.
Drop an image here, or .
Runs in your browser. Nothing is uploaded.
Color Blindness Simulator: how to use it
- Drop in a design, chart, map or photo.
- Keep All types side by side, or choose one type.
- Look for things that become hard to tell apart, then download.
Tips
- Red and green next to each other is the commonest problem; check deuteranopia first.
- Fix problems with labels, patterns or brightness differences, not just a different hue.
Color Blindness Simulator: what it does and when to use it
The Color Blindness Simulator shows an image the way people with colour vision deficiency see it, so you can check a chart, a map, a game, a website design or a sign before it goes out. About 1 in 12 men and 1 in 200 women have some form of it, most often trouble telling red from green.
It shows all the common types side by side: protanopia (no red cones), deuteranopia (no green cones), tritanopia (no blue cones), deuteranomaly (weak green response, the most common type) and achromatopsia (no colour at all), next to normal vision. It uses the Machado 2009 model applied in linear light, the same science behind the simulators in Chrome's developer tools and in design apps. Choose one type to download it at full size.
A simulation is a model of what the eye receives, not of each person's experience. Use it to find problems: if two lines, areas or buttons look the same in any panel, tell them apart another way, with labels, patterns, icons or a clear difference in brightness. The image stays on your device. To check exact colours, use the Colour Picker.
Color Blindness Simulator: frequently asked questions
How do I check if my design is colour-blind friendly?
Drop the design in and look at every panel. If two things you need people to tell apart, such as lines on a chart, a red and a green button, or map areas, look the same in any panel, they need a label, a pattern or a brightness difference as well as colour. Related guide: Colour-blind friendly charts, maps and designs.
Which type of colour blindness is most common?
Deuteranomaly, a weak response to green, affects about 5% of men. Deuteranopia and protanopia, which cause red-green confusion, are next. Tritanopia, blue-yellow confusion, is rare. Related tool: Colour Picker.
How accurate is the simulation?
It uses the Machado 2009 model, the standard in research and in browser developer tools, applied in linear light. It shows what the eye receives; each person's experience still varies.
Can I simulate colour blindness on a website?
Take a screenshot of the page and drop it in. Chrome and Edge can also simulate it live, under DevTools, Rendering, Emulate vision deficiencies.