Color Blindness Simulator

See how colors appear to color blind users

🔒 Files never leave your browser
→

Original

Simulated

Uses Brettel/Vienot simulation matrices. Your image never leaves the browser.

How to Use Color Blindness Simulator

Upload image or pick color

Upload an image or use the color picker for quick testing.

Select type

Choose protanopia, deuteranopia, tritanopia, or other types.

Compare

See original vs simulated side by side. Show all 7 types at once.

Why Choose AllTools Color Blindness Simulator?

  • ✓ 8 vision types
  • ✓ Image upload
  • ✓ Color picker test
  • ✓ Side-by-side comparison
  • ✓ Show all types grid
  • ✓ Download simulated

Why Use This Tool

  • ★ Test your designs for accessibility before shipping
  • ★ See all 7 types of color blindness at a glance
  • ★ Quick color picker for testing individual colors
  • ★ Your images never leave your browser

Designing for Color Accessibility

About 8% of men and 0.5% of women have some form of color vision deficiency. The most common types are protanopia (no red cones, ~1%) and deuteranopia (no green cones, ~1%), which both affect the red-green spectrum. Tritanopia (no blue cones) is rare (<0.01%). Designing for color accessibility means never relying on color alone to convey information — use patterns, labels, and sufficient contrast alongside color. This simulator helps you verify your designs work for all users.

Related Resources

Check color contrast → Convert colors → Generate color palettes →

Frequently Asked Questions

How does the simulation work? ▼
It uses Brettel/Vienot color transformation matrices applied in linearized sRGB color space to approximate how colors appear to people with various types of color vision deficiency.
Is my image uploaded? ▼
No. All processing uses the Canvas API in your browser. Your image never leaves your device.
Does this work on mobile? ▼
Yes. All AllTools tools are fully responsive and work on phones and tablets.

Related Tools

Dev

Color Converter HEX/RGB/HSL

Convert colors between HEX, RGB, HSL, and CMYK with live preview

Instant Private
CSS

Contrast Checker WCAG

Check WCAG color contrast — AA and AAA compliance

Instant Private
CSS

Color Palette Generator

Generate harmonious color palettes from any base color

Instant Private
CSS

CSS Gradient Generator

Create CSS gradients with live preview and presets

Instant Private
CSS

Color Picker

Pick and convert colors with alpha and history

Instant Private
CSS

CSS Variables Generator

Build CSS custom properties for design systems

Instant Private