Kostenloses Tool
Kontrast zwischen Textfarbe und Untergrund nach WCAG 2.x prüfen. Die angezeigten Werte nutzen dieselbe relative-Luminanz-Formel wie die Richtlinie (AA-/AAA‑Hinweise für Normal- und große Schrift).
Vorschau
Franz jagt im komplett verwahrlosten Taxi quer durch Bayern
Beispieltext Normalgrößen prüfen ob Lesetext genug Kraft besitzt
Kleinere Hinweistexte testen captions und Tabs
Kontrastwert
17.85:1
Normalgroß Text
≥ 4.5:1 AA · ≥ 7:1 AAA
Groß Schrift
≥ 3:1 AA · ≥ 4.5:1 AAA
Rechnungen dazu? Kostenlos erstellen Invoicey.
Ablauf
Drei schnelle Schritte vom Input bis zum Ergebnis für Ihren Workflow.
Schritt 1
Vordergrund- (Text) und Hintergrundfarbe auswählen oder Hex‑Codes einfügen.
Schritt 2
Mit dem Farbwähler arbeiten oder die Hex‑Werte direkt bearbeiten.
Schritt 3
Kontrastverhältnis sowie AA-/AAA‑Status für Normal‑ und Großschrift auslesen.
Warum Teams es nutzen
Overview
Kontrastprüfer is a practical online utility for day-to-day business and content workflows. It is designed to reduce friction in common tasks so you can move from input to result quickly. Instead of installing heavy desktop tools, you can run the process in-browser and export output immediately.
Teams often need fast one-off tools without onboarding overhead. Kontrastprüfer helps with exactly that: quick execution, straightforward controls, and downloadable output. It works well for freelancers, small teams, and operators who need reliable utility actions inside modern workflow stacks.
For the best results, use clear input data, verify final output before publishing, and keep copies of generated assets in your project folders. If you use the output in client-facing documents, review labels and formatting for consistency with your brand and compliance requirements.
Antworten
Die WCAG definiert einen numerischen Kontrast zwischen Vordergrund und Hintergrund. Für AA gilt typischerweise 4,5 : 1 (Normaltext) bzw. 3 : 1 (große Schrift); höhere AAA‑Anforderungen liegen über diesen Grenzen.
Oft grob 24px regulär oder etwa 18,5px fett entsprechend. Überschriften und gut lesbare Buttons behandeln Sie in der Regel wie „großen Text“ für die höheren Limits.
Kräftige, gesättigte Markenfarbe kontrastiert selten gegen Weiß oder Schwarz stark genug für AA. Dunklere Buchstaben, hellere Untergründe oder Markennur als Akzent reduzieren Risiko.
Nein – die Berechnung läuft vollständig im Browser mittels WCAG‑Luminanz; nichts wird hochgeladen.
Wenn AA konsistent gilt (auch bei Hover/Inaktiv), lieferbarere Lesbarkeit. Passen Sie Tinten dort an wo Benutzer echte Kopien oder Schaltflächen lesbar brauchen.
Mehr entdecken
Weitere kostenlose Utilities auf dem gleichen Niveau, ohne Registrierungszwang.
