Tada File , Alle Tools

Farbkontrast prüfen

Prüfe, ob Text- und Hintergrundfarbe für WCAG AA und AAA gut genug lesbar sind, und erhalte die nächste Farbe, die besteht.

Großer Überschriftentext

Normaler Fließtext in der Größe, die die meisten am Bildschirm lesen. Er braucht mehr Kontrast als großer Text, damit er sich leicht lesen lässt.

Button

Kontrastverhältnis

4,54:1

  • Normaler Text · AA 4.5:1Bestanden
  • Normaler Text · AAA 7:1Nicht bestanden
  • Großer Text · AA 3:1Bestanden
  • Großer Text · AAA 4.5:1Bestanden
  • Icons und Rahmen · AA 3:1Bestanden

Nächste Textfarbe, die besteht:

Gemessen mit der Formel aus WCAG 2.2. Großer Text ist ab 24 px groß oder ab 18,5 px fett. Durchscheinender Text wird so gemessen, wie er auf dem Hintergrund aussieht.

Farbkontrast prüfen misst das Kontrastverhältnis zwischen einer Textfarbe und ihrem Hintergrund mit der Formel aus WCAG 2.2 und zeigt, ob es AA und AAA für normalen Text, großen Text sowie Icons und Rahmen besteht. Eine Live-Vorschau zeigt echten Text auf dem Hintergrund. Fällt ein Farbpaar durch, schlägt das Tool die nächste Textfarbe vor, die besteht, im selben Farbton, damit du dein Design so wenig wie möglich ändern musst.

Anleitung: Farbkontrast prüfen

  1. 1

    Zwei Farben wählen

    Gib Text- und Hintergrundfarbe ein oder wähle sie aus.

  2. 2

    Ergebnis ablesen

    Sieh das Verhältnis und ob es AA und AAA besteht.

  3. 3

    Bei Bedarf korrigieren

    Nutze die vorgeschlagene Farbe, die besteht.

Funktionen

WCAG-2.2-Stufen
AA und AAA für normalen und großen Text, dazu Icons und Rahmen.
Live-Vorschau
Sieh Überschriften, Fließtext und einen Button auf dem Hintergrund.
Nächste Lösung
Die nächste Farbe, die besteht, im selben Farbton.

Fragen

Welches Kontrastverhältnis brauche ich?

WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text, Icons und Rahmen. AAA verlangt 7:1 für normalen Text und 4,5:1 für großen Text.

Was gilt als großer Text?

Ab 24 px, oder fetter Text ab etwa 18,5 px (14 pt).

Funktioniert es mit durchscheinenden Farben?

Ja. Eine transparente Textfarbe wird so gemessen, wie sie auf dem Hintergrund aussieht.

Brauche ich eine Internetverbindung?

Nur zum Öffnen der Seite. Alles wird auf deinem Gerät berechnet, und nichts, was du eingibst, wird irgendwohin gesendet.