Color Blindness Simulator

See how an image looks with different types of color vision deficiency.

Click to upload or drag a photo here JPG, PNG, or WebP

How to Use the Simulator

  1. Upload a photo or design mockup.
  2. Click a color vision type to see the simulated result.
  3. Download the simulated image if you'd like to save it.

Frequently Asked Questions

What's the difference between protanopia, deuteranopia, and tritanopia?

Protanopia and deuteranopia both affect red-green distinction and together make up the vast majority of color blindness cases, differing in which retinal cone type is missing (long-wavelength for protanopia, medium-wavelength for deuteranopia). Tritanopia is much rarer and affects blue-yellow distinction instead, from a missing short-wavelength cone.

How accurate is this simulation?

It uses a published, peer-reviewed color transformation model (Machado, Oliveira, and Fairchild, 2009) applied in linear color space, which is a standard, scientifically grounded approach for simulating full dichromatic color vision. It's a close approximation of full color blindness, not a substitute for actual clinical vision testing.

Why does the color need to be converted to "linear" before the transformation is applied?

Standard image colors are stored in sRGB, which applies a gamma curve for efficient storage and isn't linearly proportional to actual light intensity. Color vision transformations are defined in terms of real light intensity, so the colors are converted to linear space, transformed, and converted back to sRGB for accurate results — skipping this step produces a noticeably less accurate simulation.

Is my image uploaded anywhere?

No — the entire simulation runs on a canvas element directly in your browser, so the image is never sent to a server.