Web Tools
Color Blindness Simulator
Simulate how colors appear to people with different types of color vision deficiency. Supports protanopia, deuteranopia, tritanopia, achromatopsia, and anomalous trichromacy variants. Uses scientifically-backed color transformation matrices. Runs entirely in your browser — your data never leaves your machine.
color accessibility a11y blindness vision wcag
Published May 29, 2026
All interactive tools run entirely in your browser. Your data never leaves your device.
How It Works
Enter any hex color and instantly see how it appears to people with 7 different types of color vision deficiency. The simulator uses Brettel/Vienot color transformation matrices applied in linearized sRGB space for scientifically accurate results.
Features
- 7 deficiency types: protanopia (red-blind), deuteranopia (green-blind), tritanopia (blue-blind), achromatopsia (total), protanomaly (red-weak), deuteranomaly (green-weak), tritanomaly (blue-weak)
- Visual comparison: side-by-side original vs. simulated color swatches
- Percentage shift: shows how much the color changes for each deficiency
- Color picker: native color input + hex text field
- Prevalence data: shows how common each deficiency type is
- 5 example colors: red, green, blue, orange warning, teal accent
- Copy simulated hex: click any result to copy to clipboard
- Private: runs entirely in the browser — no data transmitted
Use Cases
- Testing UI color choices for accessibility compliance
- Ensuring warning/error/success states are distinguishable for all users
- Checking data visualization color palettes
- Validating brand colors work for color-blind users
- Meeting WCAG accessibility requirements for color contrast