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)

Kontrast-Prüfer

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.

🔐 100% Private — Client-Side Execution

All processing happens inside your browser using WebAssembly and HTML5 Canvas. Zero file uploads, zero server tracking. Compliant with LGPD & GDPR.

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.
🔥 Speed Up Your Site - 60% Off Launch

Score 99+ on Google PageSpeed Insights

Fast-track Largest Contentful Paint (LCP) under 2.5s and learn secure browser WebAssembly sizing matrices. Get our premium ebook Pixel Perfect with 4 bonus guides.

Das könnte Ihnen auch gefallen

Other tools that work great alongside this one

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

Alle Tools →