Tools Guides
design Free No signup

Color Blindness Simulator

Preview how your images look to people with different types of color blindness.

Loading tool…

About this tool

Upload any image and instantly see a 2×3 grid showing Normal vision alongside Protanopia, Deuteranopia, Tritanopia, and Achromatopsia simulations. The transformations run entirely in-browser using canvas pixel manipulation.

How to use

  1. 1 Step 1: Click the upload area or drag an image onto it.
  2. 2 Step 2: The original image and five color-blindness simulations appear in a grid.
  3. 3 Step 3: Hover over any tile to see the full-size simulation label.
  4. 4 Step 4: Upload a different image at any time to compare designs.

Frequently Asked Questions

{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}