Farbenblindheits-Simulator – kostenlos
Sehen Sie, wie Ihr Design für Menschen mit Farbsehschwäche aussieht. Simuliert Protanopie, Deuteranopie, Tritanopie, Achromatopsie und mildere Anomalien.
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
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.
- 1Sie laden ein BildDas Bild wird auf ein Canvas in Ihrem Browser geladen. Pixel werden für Leistung verkleinert (max 1200 px auf der längsten Kante).
- 2Eine 3×3-Farbtransformation wird auf jedes Pixel angewendetJeder 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.
- 3Das transformierte Bild wird neben dem Original angezeigtWechseln 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
Farbsehtest
Machen Sie ein Farbseh-Screening mit 15 Tafeln aus Punktmustern, die direkt erstellt werden, geben Sie die erkannte Zahl ein und erhalten Sie eine sorgfältige Zusammenfassung zu Rot-Grün- oder Blau-Gelb-Tendenzen. Keine Diagnose.
WCAG-Farbkontrast-Prüfer
Prüfen Sie, ob zwei Farben die WCAG-AA- und AAA-Kontraststandards für Barrierefreiheit erfüllen. Live-Vorschau bei verschiedenen Textgrößen mit automatischen Vorschlägen bei zu geringem Kontrast.
Webcam-Test
Prüfen Sie vor einem Anruf, ob Ihre Webcam funktioniert – Live-Vorschau, tatsächliche Auflösung und Bildrate sowie ein Schnappschuss zum Herunterladen.