Simulate single colors and multi-color palettes under Protanopia, Deuteranopia, Tritanopia, and Achromatopsia conditions with automated color-confusion collision warnings.
Error / Stop (#EF4444) and Warning Alert (#F59E0B) become visually confusing under Tritanopia (Blue-Blind).
Full trichromatic vision perceiving all color spectrum wavelengths normally.
L-cone deficiency; red wavelengths appear muted, yellowish, or brownish.
M-cone deficiency; most common form where green and red hues look similar.
S-cone deficiency; rare form where blue and yellow wavelengths look indistinguishable.
Complete absence of color perception; interface seen purely in grayscale luminance.
Human color perception is driven by three retinal cone photopigments sensitive to specific light wavelengths: L-cones (Long / Red, ~560 nm), M-cones (Medium / Green, ~530 nm), and S-cones (Short / Blue, ~420 nm). Congenital color vision deficiencies result from the absence or functional anomaly of these cone types:
The simulator uses Brettel-Viénot-Mollon transformation algorithms to project input sRGB coordinates onto simulated dichromatic planes. By calculating Euclidean color distance ($\Delta E$) between simulated pairs, the tool automatically warns you whenever two colors in your palette fall below the safe threshold of 42, alerting you to potential WCAG 1.4.1 (Use of Color) accessibility violations.
Scenario: Evaluating whether green success badges (#10B981) and red error alerts (#EF4444) remain distinct.
Success: #10B981 | Error: #EF4444
Deuteranopia: Success appears #8C8D4A while Error appears #978B45 (Distance: 24 - Flagged Confusion Warning)
Demonstrates why status alerts must pair colors with checkmark/error icons or text badges to ensure WCAG 1.4.1 compliance.
Scenario: Testing primary action button (#3B82F6) and warning alert banner (#F59E0B).
Primary: #3B82F6 | Warning: #F59E0B
Protanopia: Primary appears #2E81F3 while Warning appears #D0A71B (Clear Distinction)
Confirms that high contrast and distinct hue separation are maintained across red-blind vision.
Test foreground and background luminance contrast ratios.
Create accessible color palettes with distinct luminance values.
Select base colors and inspect their hexadecimal channels.