Color Blindness Simulator

See how a hex color may appear with protanopia, deuteranopia, tritanopia, and achromatopsia simulations.

Last updatedHow we build & check our tools

How This Tool Works

The Color Blindness Simulator applies color-vision-deficiency transforms to a single HEX color. Enter or pick a color and the calculator converts the original RGB channels into simulated protanopia, deuteranopia, tritanopia, and achromatopsia swatches.

The output lets you compare the original color with each simulated result, copy the generated HEX values, and inspect the comparison strip for quick differences.

  • Input: A 6-digit HEX color, such as #e63946.
  • Simulation: Matrix transforms approximate common cone-response limitations.
  • Output: Normal vision plus simulated HEX swatches for each deficiency type.

Why This Matters for Design and Communication

Color is a useful signal, but interfaces become fragile when color is the only way to identify meaning. Comparing a warning color, status color, chart series, or brand accent across common color-vision simulations helps reveal combinations that may collapse into similar-looking hues.

Use the simulated values as a design review aid, then pair important color cues with labels, icons, patterns, or other visible distinctions.

Common Mistakes to Avoid

  • Do not rely on color alone: add text, shape, icon, or pattern cues for critical states.
  • Check color pairs, not just single colors: two distinct normal-vision colors may look similar under a simulation.
  • Keep contrast separate: this simulator shows hue shifts, while WCAG contrast still needs a foreground/background contrast check.

Frequently Asked Questions

Common questions about the Color Blindness Simulator

Different color models serve different purposes. RGB is for screens, CMYK for printing, HSL/HSV for intuitive color selection, and Lab for perceptually uniform color representation.

Sources & References

Color models and conversion (sRGB, HSL, …)

Definitions and conversion formulas for sRGB, HSL, HWB, Lab, and related color spaces.