Simulate color blindness

Preview how a palette may appear under a selected color-vision condition.

freeworks offlinenothing uploaded
ToolColor Blindness Simulator
Input
Output
Put this on your own site

The frame below runs the same code as this page, in the reader's own browser. Nothing is sent to us, and nothing is sent to you.

Pick a dark background and the text and panels follow it, so the frame stays readable on a dark page.

Preview

How it works

RGB colors are transformed through a selected color-vision-deficiency simulation matrix or LMS-space model, then converted back to display RGB. The result approximates one observer condition and is not a clinical diagnosis.

  • Simulation reveals confusion pairs so designs can add cues beyond hue.

Worked example

Simulate Red
See how pure red appears with different types of color blindness
Input
											#FF0000
										
Output
												Original: #FF0000

Protanopia (no red): #918E00
Deuteranopia (no green): #9FB300
Tritanopia (no blue): #F20000
Achromatopsia (no color): #4C4C4C
											

When to use this

Charts, status colors, maps, and accessibility reviews simulate color-vision conditions.

Edge cases

  • Different simulation models produce different approximations.
  • A color-only distinction can remain ambiguous after transformation.
  • Contrast and texture still matter even when hues separate.

References