Farben bei Farbsehschwächen vergleichen

Eine Farbe so darstellen, wie sie bei drei Farbsehschwächen wahrgenommen wird. Für Redaktionen, Design- und Entwicklungsteams, die Inhalte oder Grafiken vor der Veröffentlichung vorbereiten.

Eine Farbe so darstellen, wie sie bei drei Farbsehschwächen wahrgenommen wird. Das Ergebnis bleibt im Browser; nichts wird übertragen oder gespeichert.

Bedienung

Gib im Eingabefeld eine Farbe im Hexadezimalformat ein.
Führe die Simulation aus, um Vorschauen für die verfügbaren Sehschwächen anzuzeigen.
Vergleiche die drei Ansichten und finde Farbtöne, die schwer zu unterscheiden werden.
Probiere eine andere Farbe aus, wenn deine Oberfläche mehrere Farben verwendet, um Informationen zu transportieren.
Notiere, welche Kombinationen in allen simulierten Vorschauen lesbar bleiben.

Beispiel

Sieh bei der Beispielfarbe, wie sich der Blauton in jeder Vorschau ändert. Wenn zwei Oberflächenelemente zu ähnlich aussehen, kannst du einen anderen Farbton wählen oder einen visuellen Hinweis hinzufügen.

Eingabe

#2563EB

Grenzen und Formate

Die Simulation deckt drei Sehschwächen ab und ersetzt keine Tests mit echten Nutzern.
Eine einzelne Farbe reicht nicht aus; prüfe auch Kontrast, Formen und Beschriftungen.
Bildschirmeinstellungen und Anzeigequalität können verändern, wie das Endergebnis erscheint.
Die Darstellung hängt vom Farbmodell deines Bildschirms ab und ist keine medizinische Diagnose.

Wo die Verarbeitung stattfindet

Die Vorschau wird in deinem Browser erzeugt. Die eingegebene Farbe verlässt dein Gerät nicht und wird nicht von der Seite gespeichert. Du kannst mehrere Farbtöne nacheinander vergleichen.

Häufige Fragen

Wie viele Arten von Farbenblindheit werden simuliert?

Das Werkzeug zeigt drei Farbsehschwächen. Das liefert eine nützliche Vorschau, aber andere Formen und Ausprägungen von Farbenblindheit werden nicht abgedeckt.

Kann ich eine vollständige Palette testen?

Die Simulation arbeitet jeweils mit einer Farbe. Teste für eine Palette jeden wichtigen Farbton, besonders Farben, die Bedeutung tragen oder einen Zustand anzeigen.

Garantiert dies ein barrierefreies Design?

Nein, es hilft nur, riskante Kombinationen aufzudecken. Um ein Design richtig zu validieren, kombiniere Kontrastprüfungen, Beschriftungen, Formen und Rückmeldungen von betroffenen Personen.

Kann ich mehrere Farben nacheinander testen?

Ja, die Simulation arbeitet mit einer Farbe nach der anderen. Testen Sie nacheinander die wichtigen Farbtöne Ihrer Oberfläche, besonders Farben, die eine Bedeutung tragen oder einen Zustand anzeigen. Vergleichen Sie die Vorschauen und notieren Sie Kombinationen, die schwer zu unterscheiden sind. Die Vorschau entsteht im Browser, und die eingegebene Farbe wird nicht gespeichert.

Warum reicht eine einzelne Farbprüfung nicht aus?

Eine einzelne Farbe zeigt nur einen Teil des Problems. Prüfen Sie zusätzlich Kontrast, Formen und Beschriftungen, weil Informationen nicht allein über Farbe vermittelt werden sollten. Auch Bildschirmeinstellungen und Anzeigequalität können das Ergebnis verändern. Die Simulation ersetzt deshalb keine Tests mit echten Nutzern und keine medizinische Diagnose.