Color Blindness Simulator
See how colors and images look with protanopia, deuteranopia, tritanopia, and more
- Files never leave your device
- Runs in your browser
- Free, no sign-up, no watermark
Normal vision
Your original colors
Deuteranomaly
Weak green cones · about 5% of men, the most common
Deuteranopia
No green cones · about 1% of men
Protanomaly
Weak red cones · about 1% of men
Protanopia
No red cones · about 1% of men
Tritanomaly
Weak blue cones · rare
Tritanopia
No blue cones · very rare
Achromatopsia
No color vision at all · very rare
7 pairs of colors become hard to tell apart
- #e53935 and #43a047 under Deuteranopia (ΔE 5.2)
- #43a047 and #fb8c00 under Protanopia (ΔE 6.4)
- #43a047 and #1e88e5 under Tritanopia (ΔE 6.5)
- #e53935 and #43a047 under Achromatopsia (ΔE 6.7)
- #e53935 and #1e88e5 under Achromatopsia (ΔE 3.8)
- #43a047 and #1e88e5 under Achromatopsia (ΔE 2.9)
- #43a047 and #fb8c00 under Achromatopsia (ΔE 8.5)
Flagged when two colors that differ normally fall below ΔE2000 10 in a simulation. Add labels, patterns or a lightness difference to these pairs.
How to use Color Blindness Simulator
See how a palette or an image looks with eight types of color vision, from deuteranomaly, the most common, to achromatopsia. For palettes it lists every pair of colors that becomes hard to tell apart, so you can fix charts and interfaces early.
- 1
Under Check, choose Palette or Image.
- 2
For a palette, paste colors into Colors, one per line or comma-separated (HEX, rgb(), hsl(), oklch() or names); for an image, drop a JPG, PNG, WebP, GIF, HEIC or AVIF file.
- 3
Set the Anomaly severity to control how strong the weak-cone (-anomaly) types are.
- 4
Compare the simulated rows or images; pairs marked with a warning icon are listed below with their ΔE.
- 5
Click a swatch to copy its HEX, or download any simulated image as a PNG.
Frequently asked questions
How accurate are the simulations?
They use Machado et al. 2009 for red–green and Brettel et al. 1997 for blue–yellow deficiencies, computed in linear RGB. These model typical vision; individual people can see differently.
How does it decide two colors are hard to tell apart?
A pair is flagged when two colors that differ normally fall below ΔE2000 10 in a simulation. Add labels, patterns or a clear lightness difference to those pairs.
What does Anomaly severity change?
It applies only to the -anomaly types and sets how far the affected cone is shifted; 100% equals the matching -opia type.
Is my image uploaded?
No. The simulation runs in your browser. Previews are drawn at up to 900 px, and downloads are made at the image's full resolution.
Can I paste colors straight from CSS?
Yes. HEX codes and CSS color functions are picked out of any text, and color names work when separated by commas or lines. Anything it can't read is listed as skipped.