E Ein Toolkit,
jede Designaufgabe

Farbenblind-Simulator

Simuliert, wie Farben für farbenblinde Benutzer aussehen.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

E Farbenblind-Simulator

So verwenden Sie den Farbenblindheitssimulator

Der Farbenblindheitssimulator hilft Designern, Farbentscheidungen durch die Linse einer Farbsehschwäche zu überprüfen. Wählen Sie eine Grundfarbe und einen Simulationstyp aus, um zu sehen, wie sie Benutzern mit Protanopie, Deuteranopie, Tritanopie oder Achromatopsie angezeigt wird.

Dieses Tool ist für die Gestaltung barrierefreier Schnittstellen unerlässlich. Etwa 8 % der Männer und 0,5 % der Frauen sind von Farbenblindheit betroffen. Durch die Gewährleistung eines ausreichenden Kontrasts und die Vermeidung reiner Farbinformationen wird Ihr Design inklusiv.

Pro Tips

Frequently Asked Questions

Q: Was ist der Unterschied zwischen Protanopie und Deuteranopie?
Was ist der Unterschied zwischen Protanopie und Deuteranopie? Protanopie ist eine Rotblindheit, bei der rote Zapfen fehlen. Bei der Deuteranopie handelt es sich um eine Grünblindheit, bei der die grünen Zapfen fehlen. Beide beeinflussen die Rot-Grün-Farbunterscheidung.
Q: Wie genau ist diese Simulation?
Wie genau ist diese Simulation? Dabei werden branchenübliche Daltonisierungsalgorithmen verwendet, die auf dem LMS-Farbraum basieren. Es bietet eine vernünftige Annäherung daran, wie Farben farbenblinden Benutzern erscheinen.
Q: Überprüft dieses Tool die WCAG-Konformität?
Überprüft dieses Tool die WCAG-Konformität? Nein, dies ist nur eine visuelle Simulation. Verwenden Sie unseren Kontrastprüfer zur Überprüfung der WCAG AA/AAA-Konformität.
Q: Kann ich dies für die Präsentationsgestaltung verwenden?
Kann ich dies für die Präsentationsgestaltung verwenden? Ja. Überprüfen Sie Ihre Diagrammfarben und Folienhintergründe im Simulator, um Farbkombinationen zu vermeiden, die für farbenblinde Betrachter ineinander übergehen.
Q: Wie hilft dieses Tool beim UI-Design?
Wie hilft dieses Tool beim UI-Design? Überprüfen Sie damit, ob Ihre Fehlerzustände (normalerweise rot) für alle Benutzer von Erfolgszuständen (grün) unterscheidbar sind. Stellen Sie außerdem sicher, dass Diagramme und Datenvisualisierungen neben Farben auch Muster oder Beschriftungen verwenden.

Bauhaus-Farben

Die Bauhaus-Schule definierte die moderne Farbtheorie: Primärfarben als Werkzeuge, klare Kontraste statt Ornamente. Diese Palette zitiert die ikonischen Farben von Weimar, Dessau und der deutschen Designgeschichte.

Bauhaus Rot #BE1E2D

Das ikonische Rot der Bauhaus-Plakate und Drucksachen

Bauhaus Gelb #FFDE17

Das leuchtende Gelb der Bauhaus-Ästhetik

Bauhaus Blau #00509E

Das tiefe Blau des Bauhaus-Farbkreises

Ultramarin #120A8F

Historisches Pigment aus Lapislazuli, von Goethe beschrieben

Ocker #C78B2C

Erdpigment der deutschen Renaissance-Malerei

Petrol #006D7C

Das Blaugrün der Nachkriegszeit und des Mid-Century-Designs

Lindgrün #7CBA3D

Das frische Grün der Frühlingslinden

Ziegelrot #B22222

Die roten Ziegeldächer der Altstädte

Graphit #38383A

Der dunkle Grauton der Zeichenkunst und des Industriedesigns

Weiß #F4F4F4

Das Weiß der Bauhaus-Wände — Raum und Licht

Q: Was sind Bauhaus-Farben?
Was sind Bauhaus-Farben? Die Bauhaus-Farben sind die Primärfarben Rot (#BE1E2D), Gelb (#FFDE17) und Blau (#00509E) sowie Schwarz und Weiß. Die Schule (1919-1933) nutzte sie als systematische Farbenlehre statt dekorativer Ornamente.
Q: Was ist Ultramarin?
Was ist Ultramarin? Ultramarin (#120A8F) ist ein historisches blaues Pigment, ursprünglich aus dem Halbedelstein Lapislazuli gewonnen. Es war teurer als Gold und wurde für Madonnen-Mäntel in der Renaissance reserviert.