CSS Tools

Color Blindness Simulator

Simulate how colors appear under different types of color vision deficiency

Input Color
Protanopia

No red cones — affects ~1% of males

Original#e74c3c
Simulated#786d39
Deuteranopia

No green cones — affects ~1% of males

Original#e74c3c
Simulated#9f8f36
Tritanopia

No blue cones — very rare (~0.003%)

Original#e74c3c
Simulated#fe1b49
Achromatopsia

Complete color blindness — sees only grayscale

Original#e74c3c
Simulated#828282

Verwandte Tools

⚖️
CSS-Spezifitäts-Rechner
CSS-Selektor-Spezifität mit visueller Aufschlüsselung berechnen und vergleichen
🎬
CSS-Animations-Generator
Visueller CSS-Keyframe-Animations-Builder mit Live-Vorschau und Code-Export
🌊
Tailwind ↔ CSS Konverter
Zwischen Tailwind-CSS-Klassen und regulärem CSS mit Responsive-/State-Unterstützung konvertieren
🎨
SVG-Optimierer & Viewer
SVG anzeigen, optimieren und in React-Komponenten konvertieren mit Größenvergleich

🔒 Dieses Tool läuft vollständig in Ihrem Browser. Es werden keine Daten an einen Server gesendet.