Color blindness simulator

Simulate how a color or image looks to people with protanopia, deuteranopia, tritanopia or full achromatopsia.

Features

Simulates protanopia, deuteranopia, tritanopia and full achromatopsia.
Works on a single swatch or a whole image, side by side with the original.
Helps you check whether UI states and charts stay legible for color-vision deficiencies.

How it works

Switch between color mode and image mode.
Enter a color or drop a PNG/JPG to test.
Pick the deficiency to compare original against the simulated view.

Your files never leave this page

Every conversion runs entirely in your browser using WebAssembly. There is no upload, no server-side processing, no analytics, and no cookies. Open DevTools → Network during the operation and you will see zero outbound traffic.

Related tools

Color converterConvert any CSS color between HEX, RGB, HSL, HSV and OKLCH. Paste a color in any common format — everything is computed locally in your browser.
Contrast checkerCheck WCAG color contrast between two colors. Get the ratio plus AA / AAA verdicts for normal and large text — everything runs locally in your browser.
Palette from imageExtract the dominant colors from an image. Pick k-means or median-cut, choose 2–16 swatches, then copy as CSS variables or JSON. Your image never leaves your browser.
CSS gradient builderBuild linear, radial or conic CSS gradients with multiple color stops, custom angle and live preview. Copy the CSS in one click.

Topics covered

color blindness simulator
daltonism simulator online
deuteranopia simulator
protanopia simulator
color vision deficiency tool
accessibility color check