Farbsicher-Paletten-Generator — barrierefreies Farbwerkzeug

Kostenloser Paletten-Generator, der Farbkombinationen erzeugt, die bei jeder Farbsehschwäche — Protanopie, Deuteranopie und Tritanopie — unterscheidbar bleiben.

So wird er benutzt

1

„Erzeugen" für eine neue Palette oder „Reparieren" für bestehende Farben wählen.

2

Beim Erzeugen Paletten-Typ, Anzahl (3–8) und Basisfarbe festlegen.

3

Auf „Palette erzeugen" tippen — der Algorithmus stellt sicher, dass alle Paare den Delta-E-Schwellwert in jedem CVD-Typ bestehen.

4

Auf das Schloss-Symbol eines Farbfelds tippen, um es beim Neu-Erzeugen zu fixieren.

5

Im Export-Menü CSS-Variablen kopieren, SVG/PNG herunterladen oder Tailwind-/Figma-Config holen.

Farbpaletten für alle Formen der Farbsehschwäche erzeugen und reparieren

Paletten-Typ
Anzahl Farben 5
Basisfarbe #4f7cac
Eine Hex-Farbe pro Zeile oder komma­getrennt (z. B. #FF0000, #00FF00)
Ihre Palette
CVD-Vorschau

Funktionen

Paletten aus 5 Harmonie-Typen: monochrom, analog, komplementär, triadisch, tetradisch Bestehende Paletten auf CVD-Barrierefreiheit prüfen und korrigieren Echtzeit-Vorschau unter allen Formen der Farbsehschwäche Einzelne Farben fixieren und nur die restlichen neu erzeugen

Häufige Fragen

Was ist eine CVD-sichere Palette?

Eine CVD-sichere Palette enthält Farben, die für Menschen mit jeder Form der Farbsehschwäche (CVD) unterscheidbar bleiben — Protanopie (rot-blind), Deuteranopie (grün-blind), Tritanopie (blau-blind) und Achromatopsie (vollständige Farbenblindheit). Das Werkzeug sorgt für ausreichenden Wahrnehmungsabstand aller Paare unter simulierten CVD-Bedingungen.

Wie funktioniert der Algorithmus?

Die Farben werden im wahrnehmungs­gleichmäßigen OKLCH-Farbraum erzeugt. Der Algorithmus berechnet Delta-E-2000-Abstände aller Paare unter simulierten CVD-Bedingungen. Liegt ein Paar unter dem Schwellwert, werden Farbton, Chroma und Helligkeit iterativ angepasst, bis alle Paare bestehen. Fixierte Farben bleiben während der Optimierung unverändert.

Was ist Delta E und welcher Schwellwert wird verwendet?

Delta E 2000 ist ein Maß für den wahrgenommenen Farbunterschied. Ein Wert von 1 entspricht dem kleinsten Unterschied, den ein geschultes Auge erkennt. Für CVD-simulierte Paare wird hier mindestens 10 verwendet, damit die Farben auch bei starker Farbsehschwäche bequem unterscheidbar sind.

Kann ich das für Webdesign und Diagramme nutzen?

Unbedingt. Barrierefreie Paletten sind essenziell für Diagramme, Karten, UI-Komponenten und jedes Design, in dem Farbe Bedeutung trägt. Als CSS-Variablen, Tailwind-Config oder Figma-JSON exportieren.

💡 Sollen wir ein Tool speziell für Sie verbessern?

Machen wir — und zwar kostenlos! Schreiben Sie uns kurz Ihre Idee. Wenn Sie sie im Detail besprechen möchten, hinterlassen Sie eine E-Mail-Adresse, wir melden uns. Anonym geht auch.

Das könnte Ihnen auch gefallen

✅ Farb-Barrierefreiheits-Checker 👓 Farbenblindheit-Simulator 📊 Angst-Tracker 🫁 Atem-Übung 🧩 Autismus-Spektrum-Test 🩺 Demenz-Screening-Test 🧠 Depressions-Screening 📷 Farbenblind-Kamera-Filter

Wie bewerten Sie dieses Tool?

Danke für Ihre Bewertung!
Möchten Sie mehr sagen? Hinterlassen Sie einen Kommentar!
Danke! Ihr Kommentar erscheint nach der Moderation.
Für wen ist dieses Tool gedacht?
♿ Menschen mit Behinderung 🏥 Fachpersonal im Gesundheitswesen 📷 Fotograf:innen
Veröffentlicht Aktualisiert