Color Blindness Simulator

See how a color pair reads to people with protanopia, deuteranopia and tritanopia. Spot combinations that collapse into one tone before you ship.

Read the guide: Designing for color blindness

The quick brown fox jumps over the lazy dog.

Normal vision

No simulation applied.

The quick brown fox jumps over the lazy dog.

Protanopia

Reduced sensitivity to red light.

The quick brown fox jumps over the lazy dog.

Deuteranopia

Reduced sensitivity to green light.

The quick brown fox jumps over the lazy dog.

Tritanopia

Reduced sensitivity to blue light.

The quick brown fox jumps over the lazy dog.

Monochrome

Full color blindness (greyscale).

Pick the two colors you want to test above. Each panel shows how that pair, and a rainbow strip, reads under a different type of color vision, so you can spot combinations that blur into one tone.

How it works

  1. 1

    Set two colors

    Choose a foreground and a background you want to test together.

  2. 2

    Compare the panels

    Each panel shows the pair through a different type of color vision.

  3. 3

    Adjust

    If a pair blurs together in any panel, change a color and check again.

Instant & 100% private — nothing is uploaded

Every color is generated and converted right on your own device. Nothing is sent to a server, so there are no waits, no limits, and no copies kept anywhere.

Frequently asked questions

What is a color blindness simulator?
It transforms your colors to approximate how they look to people with different types of color vision deficiency, so you can check that important pairs stay distinct.
Which types can I simulate?
Protanopia (red-weak), deuteranopia (green-weak), tritanopia (blue-weak) and full monochrome vision, shown next to normal vision for comparison.
How accurate is the simulation?
It uses standard color-vision matrices and is a close visual approximation. It is meant for spotting risky combinations, not for clinical diagnosis.
Why does color blindness matter for design?
Around one in twelve men has some form of color vision deficiency. Checking your colors keeps charts, states and labels readable for far more people.

More tools

Color Palette GeneratorShuffle palettes with the spacebar, lock favourites, copy hex codes.Color Contrast CheckerWCAG AA/AAA pass-fail, color-blind preview and a fix suggestion.CSS Gradient GeneratorMulti-stop linear & radial gradients with copyable CSS.Color Blender & ConverterMix two colors into steps and convert HEX, RGB, HSL and OKLCH.Color PickerPick a color, read HEX, RGB, HSL, HSV and CMYK, sample any pixel.HEX to RGB ConverterConvert HEX color codes to RGB, plus HSL, HSV and CMYK.

More from the Hivly network

Free sister tools on our other sites.

Brand Name GeneratorBrandable names from a keyword, with availability, palette and tagline.Bulk Image CompressorBulk-shrink JPG, PNG and WebP — many images at once.JSON Formatter & ValidatorBeautify, minify, validate JSON with a collapsible tree view.