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. Enter the color to check (in #RRGGBB or rgb(r, g, b) format).
2. Click the "Simulate" button.
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.