Softonic

Farbenblindheitssimulator

Schritt 1 / 3 Simulationstyp

Etwa 8 % der Männer und 0,5 % der Frauen haben eine Form der Farbsehschwäche, am häufigsten rot-grün. Laden Sie ein Design, einen Screenshot oder eine Illustration hoch, wählen Sie einen Simulationsmodus und vergleichen Sie das Original mit dem simulierten Ergebnis nebeneinander. So prüfen Sie, ob Diagramme, Karten oder Benutzeroberflächen auch ohne reine Farbcodierung lesbar bleiben.

So funktioniert der Simulator

  1. 1

    Laden Sie ein Bild hoch

    PNG, JPG, WebP oder SVG. Im Browser verarbeitet, nichts hochgeladen.

  2. 2

    Wählen Sie einen Simulationsmodus

    Wählen Sie Protanopie, Protanomalie, Deuteranopie, Deuteranomalie, Tritanopie, Tritanomalie, Achromatopsie oder Achromatomalie.

  3. 3

    Vergleichen Sie nebeneinander

    Der Browser wendet eine Matrixtransformation an und zeigt das Original neben der ausgewählten Simulation.

  4. 4

    Exportieren Sie das simulierte Bild

    Laden Sie die ausgewählte Simulation als PNG herunter oder machen Sie Screenshots des Vergleichs für Designüberprüfungen.

Formen der Farbsehschwäche

Zustand Prävalenz Charakteristik
Deuteranomalie ~5 % der Männer Rot-grün Anomalie, M-Zapfen verschoben
Protanomalie ~1 % der Männer Rot-grün Anomalie, L-Zapfen verschoben
Deuteranopie ~1 % der Männer M-Zapfen fehlen, rot-grün kaum unterscheidbar
Protanopie ~1 % der Männer L-Zapfen fehlen, rote Wahrnehmung verschoben
Tritanopie sehr selten S-Zapfen fehlen, blau-gelbe Achse kollabiert
Tritanomalie sehr selten S-Zapfen verschoben, milder blau-gelber Verlust
Achromatopsie extrem selten Vollständige Farbenblindheit, nur Graustufen

Die meisten Designer beginnen mit Deuteranopie und Protanopie, weil Rot-Grün-Schwächen am häufigsten sind, und ergänzen danach die anomaleren sowie blau-gelben Modi für eine breitere Prüfung.

Designimplikationen

  • Verlassen Sie sich nicht nur auf rot/grün, um Zustände zu unterscheiden. Fehler-/Erfolgshinweise benötigen eine Form, ein Symbol oder einen Textlabel zusätzlich zur Farbe. Ein rotes X und ein grüner Haken sind wahrnehmbar unterschiedlich; rote und grüne Kreise sind es nicht.
  • Diagramme: Verwenden Sie Musterfüllungen, direkte Beschriftungen oder wahrnehmbar unterschiedliche Paletten (ColorBrewer, Viridis). Vermeiden Sie die Ampelpalette für Datenvisualisierung.
  • Karten: Grenzen und Schraffuren zur Unterscheidung von Regionen; Farbe allein reicht nicht aus.
  • Hyperlinks: niemals nur durch Farbe gestaltet. Unterstreichungen oder Gewicht helfen allen, einschließlich Menschen mit normalem Farbsehen.
  • Erforderliche Formularfelder: ein roter Stern plus “Erforderlich”-Label oder roter Rand plus “Erforderlich”-Hilfetext.
  • Statusanzeigen: Ampelrot/gelb/grün funktioniert als Verstärkung, niemals als einziges Signal.

Gute Palettenauswahl für farbsichere Designs

  • Viridis (standardmäßig in matplotlib, D3 verwendet): lila bis gelb, wahrnehmbar einheitlich.
  • ColorBrewer qualitativ: 8 unterschiedliche Farbtöne, die so gestaltet sind, dass sie in gängigen Formen der CVD unterscheidbar bleiben.
  • Okabe-Ito: 8-Farben-Palette, die speziell für die Zugänglichkeit von Farbenblindheit entwickelt wurde.

Werkzeuge und Tests

  • Simulatorvorschauen (dieses Tool), schneller visueller Check.
  • WCAG-Kontrastprüfer, stellt sicher, dass der Text unabhängig von der Farbwahrnehmung lesbar bleibt.
  • Echtbenutzertests, nichts ersetzt das Zeigen Ihres Designs an tatsächlichen farbenblinden Nutzern.

Interessante Tatsache

Moderne Farbseh-Simulatoren nutzen Matrixapproximationen dafür, wie Zapfenreaktionen in RGB abgebildet werden. Behandeln Sie die Vorschau als praktische Designprüfung, nicht als medizinische Diagnose oder exakte Kopie der Wahrnehmung einer einzelnen Person.

Häufig gestellte Fragen

Es ist eine nützliche Annäherung, aber die tatsächliche Farbwahrnehmung unterscheidet sich von Person zu Person. Die meisten Menschen mit Rot-Grün-Schwäche liegen auf einem Spektrum von mild bis schwer. Nutzen Sie die Vorschau daher als Designhinweis, nicht als Diagnose.

Deuteranomalie deckt den größten Teil der farbenblinden Nutzer ab (~5 % der Männer). Tests gegen Deuteranopie (die schwere Form) sind eine konservative Überprüfung, wenn ein Design dort funktioniert, funktioniert es auch für die mildere Anomalie.

Ja, jedoch viel seltener (~0,5 %). Rot-grüne Defizienz ist X-chromosomal rezessiv, sodass Männer (XY) nur ein betroffenes X benötigen; Frauen (XX) benötigen beide. Tritanopie ist autosomal und betrifft die Geschlechter gleichmäßig.

Nicht direkt in diesem Tool, das ist eine allgemeine Simulation von Sehbehinderungen, die auch Unschärfe und Kontrastreduzierung umfasst. Für vollständige Zugänglichkeitssimulation decken spezielle Tools wie Chromes Lighthouse oder NoCoffee diese ab.

Verwandte Tools

Graffiti-Generator

Erstelle Graffiti-Schrift mit Tag-, Bubble-, Block-, Stencil-, Neon- und Wild-Effekten. Passe Farben an und exportiere PNG oder SVG direkt im Browser.

Favicon-Generator für Initialen und Emojis

Erstellen Sie ein Favicon aus ein oder zwei Initialen oder einem Emoji. Wählen Sie Form und Hintergrundfarbe; bei Initialen können Sie zusätzlich Zeichenfarbe und Schriftstil anpassen.

QR-Code-Generator

Erstellen Sie einen QR-Code lokal im Browser aus URL, Klartext oder einer korrekt formatierten QR-Nutzlast und laden Sie ihn als PNG herunter.

Fotoeditor

Browser-basierter Fotoeditor mit Zuschneiden, Drehen, Helligkeit, Kontrast, Sättigung, Filtern, Textüberlagerung und Export nach JPG, PNG oder WebP.

Online-Whiteboard

Ideen zeichnen, Formen, Notizen und lokale Bilder auf einem privaten Browser-Whiteboard anordnen und als PNG, JPEG, SVG oder JSON exportieren.

Barcode-Generator

Erstellen Sie im Browser 1D-Barcodes in Code 128, EAN, UPC, ITF-14 und weiteren unterstützten Formaten und laden Sie SVG oder PNG herunter.