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
„Erzeugen" für eine neue Palette oder „Reparieren" für bestehende Farben wählen.
Beim Erzeugen Paletten-Typ, Anzahl (3–8) und Basisfarbe festlegen.
Auf „Palette erzeugen" tippen — der Algorithmus stellt sicher, dass alle Paare den Delta-E-Schwellwert in jedem CVD-Typ bestehen.
Auf das Schloss-Symbol eines Farbfelds tippen, um es beim Neu-Erzeugen zu fixieren.
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
Funktionen
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 wahrnehmungsgleichmäß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.
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.
