Color Blind Simulator
Apply a color-vision-deficiency transform to an image — protanopia, deuteranopia, tritanopia, and the full set including milder anomalous variants and achromatopsia. Useful for sanity-checking charts, UI screenshots, and brand palettes.
About Color Blind Simulator
Color Blind Simulator applies a color-vision-deficiency transform to an image so you can see roughly how it looks to someone with protanopia, deuteranopia, tritanopia, milder anomalous variants, or full achromatopsia. It is the quick sanity check for charts, UI screenshots, and brand palettes before you ship them. The whole transform runs on your device, so screenshots of unreleased designs never leave your browser.
- Category
- edit
- Input
- Accepts: image/png, image/jpeg or image/webp.
- Output
- Outputs: image/png.
- Cost
- Free, runs in your browser
- Memory
- medium
Common uses
- Checking that a red/green status chart is still readable under deuteranopia before a release
- Sanity-checking a brand palette so the primary and accent colors do not collapse together for color-blind viewers
- Reviewing a dashboard screenshot under tritanopia to catch blue/yellow ambiguity
- Testing whether a call-to-action button still stands out for the most common color-vision deficiencies
- Comparing achromatopsia (full color blindness) output to confirm a design works in pure luminance
- Validating data-visualization color ramps against multiple CVD types in one pass
Frequently asked questions
Which image formats are supported?
PNG, JPEG, and WebP. The output is a PNG with the simulated transform applied.
Which deficiency types can it simulate?
Protanopia, deuteranopia, and tritanopia, plus milder anomalous variants and achromatopsia.
Is this medically exact?
No. It is an approximation useful for design review, not a clinical diagnostic. It shows how color relationships may shift, not a guaranteed match for any individual.
Does my image get uploaded?
No. The transform runs entirely in your browser, so the image stays on your device.
Is there a file-size limit?
No hard limit. Very large images use more memory since they are processed in-page.
Keywords
- accessibility
- a11y
- color
- blind
- colorblind
- cvd
- protanopia
- deuteranopia
- tritanopia
- simulate