Color Blindness Simulator

Overview

• Simulates, as an approximation, how a color appears to people with protanopia (red deficiency), deuteranopia (green deficiency), tritanopia (blue deficiency), or achromatopsia (overall color deficiency).

• This is a simplified approximation using an RGB transformation matrix, and does not perfectly reproduce actual perception.

• Useful as a reference when choosing a color scheme, to check whether it might be hard to distinguish for people with certain color vision characteristics.

Usage

1. 1

   Enter the color to check (in #RRGGBB or rgb(r, g, b) format).

2. 2

   Click the "Simulate" button.

3. 3

   The original color and the simulated results for four color vision types are shown side by side.

Example

#FF0000

Four approximated colors, including how it appears with protanopia

Use Cases

• Checking whether the colors used in a graph or chart are still distinguishable for people with color vision deficiencies

• Checking for UI that conveys meaning through color alone, such as red for errors and green for success

• Using it as reference material during an accessibility review of a website or app

FAQ

Notes

• This tool performs an approximate calculation and is not a substitute for an actual medical diagnosis or rigorous accessibility testing.

• HSL format is not supported. Please use #RRGGBB or rgb(r, g, b) format.