DCPIXEL
Alle Tools

Kontrast-Prüfer

Prüfe, ob zwei Farben die WCAG 2.1 AA/AAA-Barrierefreiheits-Kontrastanforderungen für Text erfüllen. Sofort.

Noch 3 kostenlose Versuche für dieses Tool heuteKostenlose 3-Tage-Testphase starten →

Farben

Kontrastverhältnis

17.74:1

The quick brown fox

Vorschau normaler Fließtext — jumps over the lazy dog.

WCAG-2.1-Konformität

AA — Normaler Text (4,5:1)
AA — Großer Text (3:1)
AAA — Normaler Text (7:1)
AAA — Großer Text (4,5:1)

Gib eine Textfarbe und eine Hintergrundfarbe ein, um sofort das Kontrastverhältnis zu sehen und ob es die WCAG 2.1 AA- und AAA-Schwellenwerte für normalen und großen Text besteht – unerlässlich für barrierefreies Web- und App-Design.

Häufig gestellte Fragen

Was ist der Unterschied zwischen AA und AAA?
AA ist die standardmäßige gesetzliche Barrierefreiheitsanforderung, die die meisten Websites anstreben. AAA ist ein strengeres, optionales Niveau für maximale Barrierefreiheit, schwerer mit Markenfarben zu erreichen.
Was zählt als „großer Text“ für den 3:1-Schwellenwert?
Text, der mindestens 18pt (24px) groß ist, oder 14pt (18,66px) fett, gemäß der WCAG-2.1-Definition.
Prüft dies auch farbenblindheitssicheren Kontrast?
Dieses Tool prüft den Leuchtdichtekontrast gemäß WCAG, was allgemein hilft, aber für Farbsehschwäche speziell solltest du das separate Farbenblindheit-Simulator-Tool verwenden.

Weitere Tools werden gerade übersetzt — im vollständigen englischen Katalog findest du alle anderen.

Alle Tools →