Zum Inhalt springen
Musterli

Kontrast-Checker

Prüf, ob Text und Hintergrund nach WCAG gut lesbar sind, sieh die Farben mit Farbsehschwäche und übernimm passende Farben per Klick.

Generator öffnen

Läuft direkt in deinem Browser. Deine Grafiken entstehen auf deinem Gerät.

Beispielmotiv aus dem Kontrast-Checker

Mit einem Preset starten

Wähle ein Preset, es öffnet sich direkt im Editor. Dort passt du alles an.

Worum geht’s?

Ein Kontrast-Checker misst, wie stark sich Text- und Hintergrundfarbe in der Helligkeit unterscheiden. Die Richtlinien für barrierefreie Webinhalte (WCAG 2) verlangen dafür Mindestwerte, damit Texte auch bei schwacher Sehkraft, Blendung oder auf schlechten Bildschirmen lesbar bleiben.

So geht’s

Wähl Text- und Hintergrundfarbe per Farbwähler, HEX-Wert oder Pipette und lies ab, welche WCAG-Stufen erfüllt sind. Reicht der Kontrast nicht, übernimmst du mit einem Klick die nächstgelegene Farbe, die AA oder AAA schafft. Die Simulation zeigt, wie die Kombination bei Farbsehschwäche wirkt.

Kontrast-Checker jetzt ausprobieren

Häufige Fragen

Was bedeuten AA und AAA?
AA ist die übliche Mindestanforderung: 4.5:1 für normalen Text und 3:1 für grossen Text. AAA ist strenger und verlangt 7:1 bzw. 4.5:1. Für Bedienelemente und Grafiken gilt 3:1.
Ab wann gilt Text als gross?
Ab 18 Punkt (24 px) in normaler Schrift oder ab 14 Punkt (rund 18.7 px) in fetter Schrift.
Warum rundet Musterli den Kontrast ab?
Damit nie ein knapp verfehlter Wert als bestanden erscheint. 4.49:1 zeigt Musterli als 4.4:1, denn für AA reicht das nach WCAG nicht.
Wie funktioniert die Simulation der Farbsehschwäche?
Musterli rechnet die Farben mit den veröffentlichten Matrizen von Machado, Oliveira und Fernandes (2009) um, für Achromatopsie zählt nur die Helligkeit. Die Simulation ist eine Annäherung und ersetzt keinen Test mit Betroffenen.
Wie findet Musterli eine bessere Farbe?
Es verschiebt nur die Helligkeit im OKLCH-Farbraum, Farbton und Sättigung bleiben möglichst gleich. So bleibt deine Markenfarbe erkennbar und erreicht trotzdem AA oder AAA.

Fertige Farbpaletten

Über 30 Paletten nach Stimmung, mit HEX-, RGB- und OKLCH-Werten zum Kopieren.

Zur Palettensammlung

Passende Generatoren

Alle Generatoren in Farben