Skip to content

Color Blindness Simulator

Upload an image or paste a URL to see how it appears under 8 types of color vision deficiency: Protanopia, Protanomaly, Deuteranopia, Deuteranomaly, Tritanopia, Tritanomaly, Achromatopsia, and Achromatomaly. Uses the Brettel/Viénot/Mollon algorithm for accurate simulation.

Drop an image here or click to upload

PNG, JPG, GIF, WebP — processed entirely in your browser

Select Vision Type

Shifts lost colors into visible channels to help colorblind users distinguish them

Why This Matters

About 1 in 12 men (8%) and 1 in 200 women (0.5%) have some form of color vision deficiency. If your website relies on color alone to convey information, a significant portion of users may miss it. WCAG 2.1 requires that color is not the only means of conveying information (1.4.1).

How to Use This Tool

  1. 1

    Upload an image

    Drag and drop or select an image file (PNG, JPG, GIF, WebP).

  2. 2

    Choose a vision type

    Select from 8 types: Protanopia, Protanomaly, Deuteranopia, Deuteranomaly, Tritanopia, Tritanomaly, Achromatopsia, Achromatomaly.

  3. 3

    Adjust severity

    Use the severity slider to simulate partial color vision loss.

  4. 4

    Download or copy CSS

    Download the simulated image as PNG or copy CSS filter variables for your stylesheet.

Frequently Asked Questions

Daltonize is a technique that shifts color information lost in a particular type of color blindness into color channels the person can still see. It helps colorblind viewers distinguish colors they would otherwise confuse.