Skip to tool content
Toolioz logoToolioz

Color Blindness Simulator

A color blindness simulator applies Brettel/Viénot-style matrices for protanopia, deuteranopia, and tritanopia to hex swatches or an uploaded image. Processing stays in the tab. It is a planning preview, not a clinical diagnosis.

Quick Summary & Direct Answer
Design

How does a color blindness simulator work?

Each RGB pixel is multiplied by a 3×3 matrix for the chosen deficiency. Deuteranopia reduces green-cone contribution. The same matrix is applied to palette hex values so a UI kit can be checked without an image.

Key Takeaways

  • Three matrices: protan, deutan, tritan.
  • Images never upload.
  • Anomalous trichromacy (partial) is not a separate slider.
#3c38c2

Results can be wrong. This calculator is unofficial. Figures can be incomplete, rounded, or not updated. Use them at your own risk and check a tape, datasheet, ball band, or official chart before cutting, mixing, buying, or publishing. The simulation uses a simplified RGB matrix. It is a design preview, not a clinical model of anyone’s vision. Limits of liability are in the terms of service.

Frequently asked questions

Yes. The canvas rewrite uses the same matrix as the hex palette.

Explore Related Tools

Tailwind Color Generator

Builds 50–950 OKLCH shades and Tailwind v4 @theme tokens from a seed hex.

Try tool

Color Format Suite

Convert seamlessly between HEX, RGB, HSL and CMYK color codes with palette generation.

Try tool

PNG to ICO Converter

Packs a PNG into a multi-size .ico with 16, 32, 48, and 256 px layers.

Try tool

Publisher notes · reviewed 29 October 2026

Dichromacy is a 3×3 matrix on RGB

Protanopia, deuteranopia, and tritanopia use Brettel/Viénot-style matrices. Palettes and images share the same multiply. This is a design preview, not a diagnosis. Images stay in the tab.

Anomalous trichromacy

Partial deficiency is not a slider here. Full dichromacy is the stress test for colliding reds and greens.

Worked examples

  • Blue #2563eb under deuteranopia

    The simulated hex shifts toward a duller blue; compare the two swatches on the page.

Limits of this page

  • Individual cone response varies.
  • HDR images may clip on canvas.

Sources