ForHosting KIT · Entwickler-Tools

Farbpalette auf Protanopie und Deuteranopie prüfen

Eine kategoriale Farbpalette muss unter normalen Bedingungen nicht nur ansprechend aussehen.

● BetaKostenlos · im Browser
Nutzen Sie es über WebAPIE-MailTelegramApp bald

Ihre Farben müssen unterscheidbar bleiben, wenn eine Person mit einer häufigen Rot-Grün-Sehschwäche ein Diagramm, eine Karte, ein Dashboard oder eine Oberfläche betrachtet. Dieses Werkzeug simuliert vollständige Protanopie und Deuteranopie, misst jedes Farbpaar in einem wahrnehmungsbezogenen Farbraum und erkennt Paare unterhalb des gewählten Grenzwerts. So erhalten Sie eine reproduzierbare Frühwarnung; die abschließende Prüfung von Beschriftungen, Formen, Linienarten und tatsächlichen Darstellungsgrößen bleibt Teil des Designs.

Prüfen Sie jede Beziehung in der kategorialen Palette

Kategoriale Farben trennen unabhängige Klassen: Produktlinien in einem Diagramm, Routen auf einer Karte, Zustände in einem Dashboard oder Teams in einer Planung. Eine Palette kann vielfältig wirken und dennoch zwei Farben enthalten, die für Menschen mit Rot-Grün-Sehschwäche zusammenfallen. Geben Sie zwei bis vierundsechzig Hexadezimalfarben ein. Das Werkzeug vereinheitlicht kurze und lange Schreibweisen, bewertet jedes eindeutige Paar und gibt die ursprünglichen Indizes zurück, damit Sie die genauen Farbmuster im Quellsystem finden. Das Ergebnis zeigt, ob die Palette bestanden hat, wie viele Paare untersucht wurden und welche Aufmerksamkeit benötigen. Außerdem erhalten Sie simulierte Hexadezimalfarben für Protanopie und Deuteranopie, wodurch sich die Berechnung leichter prüfen oder in einer Designbesprechung reproduzieren lässt. Vergrößern Sie bei einem markierten Paar den Unterschied in Helligkeit, Sättigung oder Farbton und prüfen Sie die überarbeitete Palette erneut. Doppelte Farben werden automatisch markiert, weil ihr Wahrnehmungsabstand null beträgt. Ungültige Schreibweisen, zu lange Listen und Paletten mit weniger als zwei Farben werden abgelehnt, statt irreführende Ergebnisse zu liefern.

Verstehen Sie Simulation und Grenzwert

Die Berechnung dekodiert zunächst jede sRGB-Farbe und linearisiert ihre Kanäle, da Matrizen für Sehschwächen nicht unmittelbar auf gamma-kodierte Anzeigewerte angewendet werden dürfen. Anschließend werden anerkannte Matrizen mit voller Ausprägung getrennt für Protanopie und Deuteranopie angewendet. Jedes simulierte Ergebnis wird in CIE Lab umgerechnet und der Paarabstand mit der CIE76-Formel gemessen. Ein Paar wird markiert, wenn sein Abstand strikt unter dem Grenzwert liegt. Der Standardwert 20 ist ein bewusst praxisnahes Prüfkriterium für kategoriale Paletten und keine Behauptung, dass eine Zahl alle Menschen oder Betrachtungsbedingungen abbildet. Für eine weniger vorsichtige technische Prüfung können Sie ihn senken. Erhöhen Sie ihn, wenn kleine Markierungen, dünne Linien, schwache Displays oder schnelles Erfassen eine stärkere Trennung verlangen. Die Ausgabe hält beide simulierten Bedingungen getrennt und liefert zusätzlich eine gemeinsame Liste, sodass automatisierte Abläufe einmal fehlschlagen können, ohne Diagnosedetails zu verlieren. Bei markierten Paaren zeigt der ursprüngliche Abstand, welche zunächst weit entfernten Farben nach der Simulation zusammenrücken. Angezeigte Werte werden für stabile Ergebnisse gerundet.

Nutzen Sie das Ergebnis als Teil barrierefreien Designs

Eine bestandene Palette ist ein hilfreicher Nachweis, aber kein vollständiges Zertifikat für Barrierefreiheit. Die Farbwahrnehmung verändert sich durch benachbarte Farben, Markierungsgröße, Kantenglättung, Bildschirmkalibrierung, Umgebungslicht sowie Art und Ausprägung des individuellen Farbsehens. Vor allem darf eine Oberfläche wesentliche Bedeutung nicht allein durch Farbe vermitteln. Ergänzen Sie diese Prüfung durch direkte Beschriftungen, Symbole, Muster, Formen, gestrichelte Linien oder Positionen, damit Kategorien auch erkennbar bleiben, wenn zwei Farben schwer zu benennen sind. Testen Sie Diagramme als fertige Darstellung in der vorgesehenen Größe und nicht nur anhand isolierter Farbmuster. Prüfen Sie bei Zuständen wie Erfolg und Fehler den Kontrast von Text und Hintergrund separat, denn kategorialer Abstand und WCAG-Kontrast beantworten unterschiedliche Fragen. Führen Sie diese Fähigkeit in einem Designsystem bei jeder Änderung der Paletten-Tokens aus und speichern Sie das deterministische JSON-Ergebnis neben anderen Qualitätsprüfungen. Dieselbe geordnete Eingabe ergibt stets dieselbe Berechnung, ohne Netzwerk, Zufall, Modellinferenz oder zeitabhängige Daten. Browser und API verwenden denselben Löser, sodass Sie interaktiv testen und den Grenzwert in der kontinuierlichen Integration für $0.002 pro Anfrage durchsetzen können.

Farben von Diagrammreihen prüfen

Erkennen Sie vor der Veröffentlichung Linien-, Balken- oder Flächenfarben, die bei Rot-Grün-Sehschwäche zusammenfallen können.

Tokens des Designsystems schützen

Prüfen Sie Änderungen an kategorialen Tokens deterministisch und blockieren Sie neu entstehende mehrdeutige Paare.

Karten- und Statuskategorien untersuchen

Finden Sie Regionen, Routen oder Zustände, die mehr Farbton- oder Helligkeitsabstand, Beschriftungen, Muster oder Symbole benötigen.

Welche Farbformate werden akzeptiert?

Verwenden Sie hexadezimale sRGB-Farben als #RGB oder #RRGGBB. Die Kurzform wird erweitert und die Ausgabe auf großgeschriebenes #RRGGBB vereinheitlicht.

Was bedeutet der Grenzwert?

Er ist der nach der Simulation mindestens erlaubte CIE76-Abstand. Ein darunterliegendes Paar wird markiert; Standard ist 20.

Garantiert ein sicheres Ergebnis Barrierefreiheit?

Nein. Es ist eine Palettenprüfung. Nutzen Sie redundante Hinweise, testen Sie das fertige Design und führen Sie passende Kontrastprüfungen durch.

Welche Sehschwächen werden simuliert?

Das Werkzeug simuliert vollständige Protanopie und Deuteranopie getrennt und meldet problematische Paare für beide Bedingungen.

Warum wird der ursprüngliche Abstand angegeben?

Er macht Paare sichtbar, die zunächst weit getrennt erscheinen und in einer oder beiden Simulationen zusammenrücken.

Was kostet die API?

Jede API-Anfrage kostet $0.002. Im Browser können Sie denselben deterministischen Löser ebenfalls verwenden.

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

POSThttps://api.kit.forhosting.com/color/color-blind-safe-palette-check

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

curl -X POST https://api.kit.forhosting.com/color/color-blind-safe-palette-check \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"colors":["#0072B2","#D55E00","#009E73","#CC79A7"]}'
{
  "colors": [
    "#0072B2",
    "#D55E00",
    "#009E73",
    "#CC79A7"
  ]
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.color_blind_safe_palette_check",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

HTTPCodeBedeutung
401unauthorizedDer API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
402insufficient_balanceIhr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
404unknown_typeUnbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
429rate_limitedZu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →