CSS-Tools

Farbenblindheit-Simulator

Simulieren, wie jede Hex-Farbe bei Protanopie, Deuteranopie, Tritanopie und Achromatopsie erscheint — mit nebeneinander angezeigten, kopierbaren Hex-Codes.

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

Farbenblindheit-Simulator: Simulieren, wie jede Hex-Farbe bei Protanopie, Deuteranopie, Tritanopie und Achromatopsie erscheint — mit nebeneinander angezeigten, kopierbaren Hex-Codes. Läuft vollständig in Ihrem Browser — Eingabe einfügen, Ergebnis sofort erhalten, nichts wird hochgeladen.

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.