toolsift logo
Logo of Color Blindness Simulator

Color Blindness Simulator

Simulate all 9 types of color blindness on images, websites, palettes, and webcam in your browser. Free, private, no sign-up.

Introduction

See the Web Through Color-Blind Eyes

Color Blindness Simulator is a free, browser-based tool that lets you preview how your images, websites, and color palettes appear to people with color vision deficiency. It simulates all nine types of color blindness using research-based models (Machado et al. and Brettel–Viénot), so you can catch accessibility issues before they ship.

Key Features
  • Image Simulator: Upload or paste a URL to compare side-by-side with any of the nine color-blindness types.
  • Palette Checker: Paste your brand or UI colors to see which pairs become indistinguishable, with contrast readouts.
  • Live Webcam: See a room, product, or printout through a color-blind filter in real time.
  • Website Checker: Get a full-page screenshot of your live site as color-blind visitors see it.
  • Color Blind Test: Take a 30-plate Ishihara-style test to screen your own color vision.
Why It Matters

Roughly 300 million people see color differently. WCAG Success Criterion 1.4.1 requires that color not be the only way to convey information. This simulator helps designers, developers, educators, and accessibility testers ensure their work is inclusive.

Privacy & Accuracy

Image and webcam processing runs entirely in your browser—nothing is uploaded. Simulations are grounded in published research and are most reliable for dichromacies. It's a design tool, not a diagnostic.

Free for personal and commercial use, with no sign-up or watermark. Try it now and make your designs accessible to everyone.

Information

Tags

  • UI/UX