What types of color blindness are simulated?

Four types: Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind), and Achromatopsia (complete color blindness / grayscale).

How does the image simulation work?

Uploaded images are rendered on an HTML canvas. A color transformation matrix is applied to each pixel to simulate how the image would appear with each type of color blindness.

Color Blindness Simulator

Simulate how colors or images appear to people with color blindness.

Note: Simulations use simplified color transformation matrices and are approximate. For clinical accuracy, consult specialized tools.

Hex colorImage

#3b82f6

Normal

#5a5ada

Protanopia (no red)

#5650d3

Deuteranopia (no green)

#3fc4bf

Tritanopia (no blue)

#7a7a7a

Achromatopsia (no color)

Related Tools

#Contrast Checker

Check foreground/background color contrast ratio against WCAG standards.

#Color Palette from Color

Generate complementary, triadic, analogous and other color schemes from one hex color.

FAQ

What types of color blindness are simulated?: Four types: Protanopia (red-blind), Deuteranopia (green-blind), Tritanopia (blue-blind), and Achromatopsia (complete color blindness / grayscale).
How does the image simulation work?: Uploaded images are rendered on an HTML canvas. A color transformation matrix is applied to each pixel to simulate how the image would appear with each type of color blindness.

Simulate four types of color vision deficiency: protanopia (no red cones), deuteranopia (no green cones), tritanopia (no blue cones), and achromatopsia (no color at all). Input a hex color to see side-by-side swatches, or upload an image to see it transformed using color matrix filters on a canvas element. Useful for designing accessible UIs.