Color Blindness Simulator
Preview how a color looks with the main types of color blindness.
A fast in-browser approximation of how a color shifts for the three main types of color-vision deficiency. Use it to check that color-coded UI (charts, status dots, links) stays distinguishable — pair colors that still differ in all four swatches.
Enter a color to see how it shifts for the three main types of color-vision deficiency — deuteranopia (green-weak), protanopia (red-weak) and tritanopia (blue-yellow). Use it to check that color-coded elements like charts, status indicators and links remain distinguishable for the roughly 1 in 12 men and 1 in 200 women with color blindness. Runs in your browser.
How to use the Color Blindness Simulator
- Pick or type the color you want to test.
- Compare the normal swatch with the three simulations.
- Pair colors that still look different in every swatch.
Frequently asked questions
What types of color blindness are simulated?
The three most common red-green and blue-yellow types: deuteranopia (the most common), protanopia and tritanopia.
How accurate is the simulation?
It's a fast in-browser matrix approximation — good for spotting risky color pairings, though clinical tools model individual vision more precisely.
How do I make a palette color-blind safe?
Don't rely on hue alone: combine color with shape, labels or lightness differences, and make sure paired colors stay distinct across all three simulations.