Color Blindness Simulator

Simulate how your designs appear to people with color vision deficiency — deuteranopia, protanopia, tritanopia and more. Upload any image or use the built-in samples.

Original
Select a mode
👁
Normal Color Vision
Trichromacy — all three cone types (red, green, blue) functioning normally. Around 92% of the population has normal color vision.
≈ 92% of people
↑
Drop an image here or click to upload
PNG, JPG, SVG, WebP · Processed locally, never uploaded

About Color Blindness Simulation

Color vision deficiency affects roughly 8% of men and 0.5% of women. Deuteranopia (missing green cones) and protanopia (missing red cones) are the most common forms — both make red-green distinctions difficult. Tritanopia (missing blue cones) is rare and affects blue-yellow perception. Simulation works by applying a mathematical matrix to each pixel's RGB values, approximating how the world looks with reduced cone sensitivity. Designing for color blindness means not relying on color alone to convey information — pair color with icons, labels, or patterns. WCAG 1.4.1 requires that color is not the only visual means of conveying information.

Related Tools

Contrast Checker WCAG AA/AAA compliance testing for color pairs Accessible Color Finder Every foreground color that passes WCAG on your background Color Palette Generator Harmonious palettes — complementary, triadic, analogous Color Picker Pick any color — HEX, RGB, HSL, OKLCH with harmony suggestions