Über dieses Tool
Der Palette & Kontrast-Checker liest die dominanten Farben aus einem hochgeladenen Logo oder Bild aus, listet sie als einsatzbereite Hex-Palette auf und prüft jede Vordergrund-/Hintergrund-Kombination gegen die WCAG-2.1-Kontrastanforderungen der Stufen AA und AAA. Alles läuft lokal über die Canvas-API — nichts wird hochgeladen oder gespeichert.
So funktioniert's
-
1
Bild hochladen
Logo oder Screenshot per Drag & Drop — PNG, JPG oder SVG.
-
2
Farben werden extrahiert
Die dominanten Farben werden automatisch ausgelesen und als Hex-Palette angezeigt.
-
3
Kontrast wird geprüft
Jede Kombination wird gegen die WCAG-2.1-Schwellenwerte AA und AAA bewertet.
-
4
Kopieren oder exportieren
Beliebigen Hex-Code kopieren oder Palette und Ergebnisse als JSON exportieren.
HÄUFIG GESTELLTE FRAGEN
AA ist die Mindeststufe der WCAG, die die meisten Websites erfüllen sollten (4,5:1 für normalen Text, 3:1 für großen Text). AAA ist strenger (7:1 / 4,5:1) und wird für Inhalte empfohlen, die sich an Menschen mit Sehbehinderung richten.
Nein. Das Bild wird lokal über die Canvas-API gelesen — nichts verlässt deinen Browser.
PNG, JPG und SVG. Für beste Ergebnisse ein Logo mit transparentem oder einfarbigem Hintergrund
Ja — zwei beliebige Hex-Werte manuell eingeben, die Kontrast-Tabelle aktualisiert sich sofort.