Color Blindness Simulator
Simulate how a palette looks with common color vision deficiencies.
Palette
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
About the Color Blindness Simulator
Build a small palette and preview how it appears to people with protanopia, deuteranopia, tritanopia or achromatopsia using matrix-based color transforms, helping you pick more accessible color combinations.
Examples
Red/green pair
#ef4444, #22c55eOutput
Deuteranopia: both appear yellow-brownRelated tools
Contrast Checker
Color
Check WCAG 2.1 contrast ratio between two colors.
Color Converter
Color
Convert colors between HEX, RGB, HSL, HWB, OKLCH and CMYK.
Color Mixer
Color
Blend two colors with a ratio slider and preview CSS blend modes.
Gradient Palette Extractor
Color
Extract and normalize colors from CSS gradients or lists.
Palette Generator
Color
Generate complementary, analogous, triadic and other palettes.
Random Color Generator
Color
Generate random colors and palettes with HSL constraints.
Frequently asked questions
Read more
- Color contrast and WCAG: making UI accessible
How WCAG contrast ratios are calculated, which levels apply to which content, and practical fixes for common failures.
Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser