Color Blindness Simulator
See your image or palette the way people with protanopia, deuteranopia, tritanopia or achromatopsia do — runs entirely in your browser, nothing is uploaded.
Drag & drop an image here
or click to browse — you can also paste from your clipboard
Drop an image to preview it under each type of color blindness.
Normal vision
Protanopia
Red-blind (no L-cones) — ~1% of men
Protanomaly
Reduced red sensitivity (weak L-cones) — the mild protan form
Deuteranopia
Green-blind (no M-cones) — the most common type
Deuteranomaly
Reduced green sensitivity (weak M-cones) — the most common form overall
Tritanopia
Blue-blind (no S-cones) — rare
Tritanomaly
Reduced blue sensitivity (weak S-cones) — very rare
Achromatopsia
Total color blindness (grayscale)
Paste HEX values to preview how a palette looks under each type of color vision.
Everything runs in your browser — your image is never uploaded. Built on the Brettel/Viénot color-vision model.
About Color Blindness Simulator
The Color Blindness Simulator shows how an image or a color palette looks to people with different types of color vision deficiency. Drop in a screenshot, chart or design mockup — or paste a list of HEX colors — and see it rendered under each condition side by side with normal vision.
The simulation covers the full range of common deficiencies: protanopia and protanomaly (red-blind and red-weak), deuteranopia and deuteranomaly (green-blind and green-weak, the most common forms), tritanopia and tritanomaly (blue-blind and blue-weak), and achromatopsia, the total absence of color perception. Each simulated view can be downloaded.
Rendering is based on the Brettel/Viénot color-vision model and runs on a canvas entirely in your browser — your image is never uploaded. It is a quick, practical way to test whether charts, maps, UI states and brand palettes remain distinguishable for the roughly 8% of men with some form of color vision deficiency.
How to use Color Blindness Simulator
- Choose the Image tab and drop, browse or paste an image — or switch to the Palette tab and paste HEX values.
- Compare the normal-vision original against each simulated color vision type.
- Look for colors that become indistinguishable, especially reds versus greens in charts and status indicators.
- Download any simulated view to share with your team.