Drop an image here
JPG, PNG, WEBP — up to 10 MB

Types of color blindness

Protanopia — absence of red receptors, red is perceived as yellow-green. Deuteranopia — absence of green receptors, the most common type. Tritanopia — blue channel deficiency, rare.

Why check your design

About 8% of men and 0.5% of women have some form of color vision deficiency. If a design relies only on color to convey information, some users will not receive it correctly.

How simulation works

Each pixel of the image is transformed through a matrix modeling perception for a specific type of color blindness. Everything happens in the browser via Canvas API — your image never leaves your device.

FAQ
What is the most common type of color blindness?
Deuteranopia and deuteranomaly (green channel deficiency) are the most common, affecting about 6% of men. Protanopia occurs in 1-2% of men. Tritanopia is very rare.
What is achromatopsia?
Achromatopsia is the complete absence of color vision — a person sees only shades of gray. Very rare, but the simulation helps understand how important shape and contrast are beyond color.
Does my image get uploaded to a server?
No. All transformations happen in your browser via Canvas API. Your image never leaves your device or gets stored anywhere.
How do I use the results to improve my design?
If important information is lost in the simulation — add additional visual cues: shapes, icons, text labels. Don't rely on color alone to convey meaning.

More color tools

Color PickerUpload a photo and click anywhere — get HEX, RGB, HSL and color name Palette from ImageExtract 5–8 dominant colors from any image Palette BuilderGenerate N colors with guaranteed text readability Color HarmoniesComplementary, analogous, triadic and split-complementary Color VariationsLighter, darker, more saturated, paler, warmer, cooler Gradient GeneratorCreate beautiful gradients and copy the CSS code WCAG ContrastCheck AA and AAA accessibility — free Tailwind ConverterNearest Tailwind class for any HEX color Color ConverterHEX ↔ RGB ↔ HSL ↔ CMYK instantly, with one-click copy Color by NameFind HEX by name — "terracotta", "indigo", "azure" CSS Filter for SVGRecolor SVG icons to any color via CSS without a code editor Color PalettesCurated palettes by theme — click a color to copy HEX