Zum Hauptinhalt springen

Farbenblindheits-Simulator – kostenlos

Sehen Sie, wie Ihr Design für Menschen mit Farbsehschwäche aussieht. Simuliert Protanopie, Deuteranopie, Tritanopie, Achromatopsie und mildere Anomalien.

Funktioniert nach dem Laden offline

Datei hierher ziehen oder zum Auswählen klicken

JPG, PNG, WebP, HEIC, HEIF · Verarbeitung auf Ihrem Gerät

oder drücken Sie Strg+V, um aus der Zwischenablage einzufügen

Dateien durchsuchen

Ihre Dateien verlassen nie Ihr Gerät. Die gesamte Verarbeitung findet lokal in Ihrem Browser statt.

Laden Sie ein Design, eine Infografik oder ein Foto hoch, um zu sehen, wie es für Menschen mit Farbsehschwäche aussieht. Besonders nützlich für: Diagrammdesigner, UX-Designer und Barrierefreiheitsprüfungen.

Häufige Anwendungen

  • Audits von Diagrammen auf FarbenblindheitTesten Sie Datenvisualisierungen, um sicherzustellen, dass sie für etwa 8% der Männer mit Farbsehmangel verständlich sind.
  • Audits von UI-Designs auf BarrierefreiheitÜberprüfen Sie App-UI-Screenshots in CVD-Modi — stellen Sie sicher, dass alle Statusanzeigen für alle sichtbar sind.
  • Testen Sie Druckdesigns auf FarbzugänglichkeitPlakate, Infografiken und gedruckte Materialien profitieren von einer CVD-Überprüfung vor dem Druck.
  • Fotografen-FarbbildungFotografen können den Simulator verwenden, um zu verstehen, wie ihre Zuschauer Farben in ihrer Arbeit wahrnehmen könnten.
  • Unterrichten Sie über FarbenblindheitZeigen Sie Studenten, Designern oder Entwicklern, wie Farbenblindheit tatsächlich aussieht.

So funktioniert es

Farbsehschwächen (CVD) werden mit den Brettel-Viénot-Farbtransformationsmatrizen simuliert — dem Standardalgorithmus, der in Barrierefreiheits-Tools verwendet wird.

  1. 1
    Sie laden ein Bild
    Das Bild wird auf ein Canvas in Ihrem Browser geladen. Pixel werden für Leistung verkleinert (max 1200 px auf der längsten Kante).
  2. 2
    Eine 3×3-Farbtransformation wird auf jedes Pixel angewendet
    Jeder CVD-Typ hat eine spezifische Matrix. Bei Deuteranopie (Grünblindheit) werden der rote und der grüne Kanal so gemischt, dass nachgebildet wird, was Menschen mit nur L- und S-Zapfen wahrnehmen.
  3. 3
    Das transformierte Bild wird neben dem Original angezeigt
    Wechseln Sie zwischen CVD-Typen, um zu sehen, wie dasselbe Bild für die ~8 % der Männer mit einer Form von Farbsehschwäche aussieht.

Ihr Bild bleibt in Ihrem Browser. Sogar die Simulationsberechnung läuft lokal auf Ihrer CPU — kein Server, keine API, kein Upload.

Ähnliche Tools

Häufige Fragen