Zum Inhalt springen

Farbkontrast prüfen

Sorgen Sie dafür, dass Ihr Text für alle lesbar ist.

Wird geladen…

Wählen Sie eine Text- und eine Hintergrundfarbe, um ihr Kontrastverhältnis zu sehen und ob sie die WCAG-2-Stufen erfüllen: AA und AAA für normalen und großen Text sowie das Minimum von 3:1 für Symbole und Bedienelemente. Die Vorschau zeigt echten Text in beiden Farben, und ein Klick vertauscht sie.

So können Sie den Farbkontrast prüfen

  1. Schritt 1

    Geben Sie Text- und Hintergrundfarbe ein.

  2. Schritt 2

    Lesen Sie Kontrastverhältnis und WCAG-Ergebnisse ab.

  3. Schritt 3

    Passen Sie die Farben an, bis jede benötigte Stufe erfüllt ist.

Warum PhotoTools

WCAG-2-Stufen

AA und AAA für normalen und großen Text.

Live-Vorschau

Echter Text in Ihren Farben.

Jedes Format

HEX, RGB, HSL oder Farbnamen.

Unterstützte Formate

Ausgabe

  • WCAG

Häufige Fragen

Welchen Kontrast brauche ich?

WCAG AA verlangt 4,5:1 für normalen Text und 3:1 für großen Text (18 pt oder 14 pt fett) und Bedienelemente; AAA verlangt 7:1 und 4,5:1.

Stimmt der Wert mit anderen Prüfern überein?

Ja. Er nutzt die WCAG-2-Formel für die relative Leuchtdichte, wie die Entwicklerwerkzeuge der Browser.

Ist das kostenlos?

Ja. Die Browser-Tools von PhotoTools sind kostenlos, unbegrenzt und funktionieren ohne Konto.