Super Boring Tools

Search tools

Find a tool by name or what it does.

Color Blindness Simulator

See how an image looks under common types of color vision deficiency.

Image
Drop an image here or click to browse
or paste from clipboard (Ctrl+V) · JPEG, PNG, WebP
Files stay in your browser. Nothing is uploaded.

How to simulate color blindness on an image

  1. Add an image

    Drop a JPEG, PNG, or WebP image onto the drop zone, click to browse, or paste one from your clipboard.

  2. Compare the views

    The original and every simulated version render together, so you can spot where a design leans on color alone.

  3. Download a version

    Click any thumbnail to enlarge it, then download a single view or grab every version at once.

Why use this tool

The main deficiency types

See protanopia, deuteranopia, and tritanopia together, plus a full grayscale view that stands in for total color blindness.

Side-by-side comparison

The original and every simulated view sit in one grid, so differences are easy to catch at a glance.

Downloadable results

Save any single view as a PNG, or download every simulation at once in a zip.

Honest approximation

These are approximations of common vision types, useful for design review rather than a medical diagnosis.

True-to-light color math

Colors are converted into light values before the shift is applied, so the result holds up better than a quick on-screen filter.

Nothing leaves your browser

Images are processed on your device and never uploaded, so private mockups stay private.

About this tool

About 1 in 12 men and 1 in 200 women have some form of color vision deficiency, so a chart, status badge, or map that carries meaning through color alone will lose part of its audience. A color blindness simulator lets you preview a design the way many of those viewers see it, which makes it easy to catch places where red and green, or blue and yellow, collapse into the same tone. If two states look identical in a simulated view, they need a second cue: a label, an icon, a pattern, or a shape.

This tool shows the common types side by side. Protanopia and deuteranopia are the two forms of red-green color blindness, by far the most common, where reds, greens, and browns become hard to tell apart. Tritanopia is the rarer blue-yellow type, where blues, greens, yellows, and pinks start to merge. A full grayscale view stands in for total color blindness and doubles as a quick check of whether your design still works with no color at all.

Every view here is an approximation. Real color vision varies from person to person and no on-screen preview can capture it exactly, so treat the results as a design review aid, not a diagnosis. Once you spot a weak pair, fix it at the source: build a safer set of steps with the color shades generator or color palette generator, then confirm your text stays legible with the contrast checker. Everything runs in your browser, so you can drop in unreleased mockups without uploading them anywhere.

Frequently asked questions

Which types of color blindness does it simulate?
It previews the three common types: protanopia and deuteranopia, the two forms of red-green color blindness, and tritanopia, the blue-yellow form. It also renders a full grayscale view that approximates total color blindness.
How accurate is the simulation?
It is a considered approximation, not a medical tool. Colors are converted into light values before the shift is applied, which is more faithful than a simple on-screen filter, but real color vision differs between people and displays. Use it to review a design, not to diagnose anyone.
I found a problem. What should I do?
Do not rely on color alone. Add a second cue such as a label, icon, pattern, or shape so each state reads without color, then confirm your text and background stay legible with the contrast checker.
What image formats can I use?
You can drop, paste, or browse to a JPEG, PNG, or WebP image. Each simulated view is saved as a PNG. Very large images are scaled down to keep processing fast, and a note tells you when that happens.
Are my images uploaded anywhere?
No. Every image is processed on your device and never leaves your browser, so you can safely preview private or unreleased designs. Nothing is uploaded, stored, or logged.

Related tools