Zum Inhalt springen
Toolbox

WCAG-Farbkontrast prüfen: Kontrastrechner

Sorg dafür, dass alle deinen Text lesen können. Gib eine Text- und eine Hintergrundfarbe ein und sieh das Kontrastverhältnis und ob es die WCAG-Anforderungen erfüllt.

Läuft in deinem Browser. Nichts wird hochgeladen.

Das Tool Kontrastprüfer wird geladen…

Anleitung: Kontrastprüfer

  1. Gib die Textfarbe und die Hintergrundfarbe ein oder nutze die Farbwähler.

  2. Lies das Kontrastverhältnis und die Ergebnisse für AA und AAA ab.

  3. Pass die Farben an, bis die Kombination besteht.

Häufig gestellte Fragen

Welchen Kontrast verlangt WCAG AA?

Mindestens 4,5:1 für normalen Text und 3:1 für großen Text (24 Pixel oder 18,66 Pixel fett) sowie für Teile der Benutzeroberfläche wie die Rahmen von Formularfeldern.

Was verlangt AAA?

Mindestens 7:1 für normalen Text und 4,5:1 für großen Text.

  • Farbumrechner

    Rechne Farben zwischen HEX, RGB und HSL um, mit Farbwähler und Live-Vorschau. Unterstützt die HEX-Kurzschreibweise und Transparenz.

  • Farbnamen-Finder

    Finde den Namen zu jedem Farbcode. Sieh die ähnlichsten Farbnamen aus den Listen NTC, HTML, X11, Pantone und ROYGBIV mit ihrem Abstand.

  • CSS-Einheiten-Umrechner Neu

    Rechne CSS-Einheiten um: px in rem, em, pt, pc, cm, mm und Zoll und zurück, mit einstellbarer Basis-Schriftgröße.

Alle Tools in Farbe