Skip to main content
dubinity

Design & Accessibility

Color Blindness Simulator

See an image or a set of colours as people with protanopia, deuteranopia, tritanopia and other colour vision deficiencies see them.

  • Runs in your browser
  • Works on mobile
  • In: PNG, JPG, WEBP, Colour codes
  • Out: PNG
Loading the tool…

Your files and text are processed on your own device, inside this page. Nothing is uploaded to Dubinity or stored, and closing the tab discards it. How privacy works

About Color Blindness Simulator

Upload a PNG, JPG or WebP image and view it as it might appear with each type of colour vision deficiency, side by side with the original or as a grid of all types, then download the simulated image as a PNG. A swatch mode shows your palette under every type and flags colours that become hard to tell apart.

The simulation uses the Machado, Oliveira and Fernandes (2009) model, with a severity slider for the anomalous (partial) types. It is an approximation of typical cases - individual vision varies. Images stay on your device; very large images are scaled to 2000px on the long edge for speed.

How to use it

  1. 1Upload an image, or switch to swatches and paste colour codes.
  2. 2Choose a deficiency type, or show all types at once.
  3. 3For the anomalous types, set the severity.
  4. 4Download the simulated image as a PNG.

Questions

Was this tool helpful?

Related tools

All design tools

  • Color Contrast Checker

    Check the WCAG 2.2 contrast ratio of a text and background colour, with AA and AAA verdicts and the nearest passing colour.

    HEX · RGB · HSL
    Runs in your browserOpen tool

  • WCAG Palette Contrast Grid

    Paste up to 12 colours and see the WCAG contrast ratio of every pair in one grid, filtered by AA or AAA.

    HEX · RGB · HSL
    Runs in your browserOpen tool

  • Color Palette Generator

    Generate colour palettes from a base colour and a harmony, or at random with locks, then export CSS, tokens, Tailwind or a PNG.

    HEX · RGB · HSL
    Runs in your browserOpen tool

  • Colour Palette Extractor

    Pull the dominant colours out of any picture and copy them as HEX, RGB, HSL, CSS variables or JSON.

    JPG · PNG · WEBP
    Runs in your browserOpen tool

  • Color Converter

    Convert a colour between HEX, RGB, HSL, HSV, HWB, CMYK and OKLCH, with contrast against black and white.

    TEXT
    Runs in your browserOpen tool

  • Lorem Ipsum Generator

    Generate placeholder paragraphs, sentences or words, in classic Latin or in Arabic filler text.

    NONE
    Runs in your browserOpen tool