Kontrast Checker

Vordergrundfarbe

Please enter a valid hex triplet, or use the color picker.

Hex color picker

Lightness

Hintergrund Farbe

Please enter a valid hex triplet, or use the color picker.

Hex color picker

Lightness

Normal Text

The five boxing wizards jump quickly.

Großer Text

The five boxing wizards jump quickly.

Grafische Objekte und Komponenten der Benutzeroberfläche

Erläuterung

Geben Sie eine Vordergrund- und Hintergrundfarbe im hexadezimalen RGB-Format ein (z. B. # FD3 oder # F7DA39) oder wählen Sie eine Farbe mit der Farbauswahl aus. Mit dem Helligkeitsregler können Sie die ausgewählte Farbe anpassen. WCAG 2.0 Level AA erfordert ein Kontrastverhältnis von mindestens 4,5: 1 für normalen Text und 3: 1 für großen Text. WCAG 2.1 erfordert ein Kontrastverhältnis von mindestens 3: 1 für Grafik- und Benutzeroberflächenkomponenten (z. B. Formulareingaberänder). WCAG Level AAA erfordert ein Kontrastverhältnis von mindestens 7: 1 für normalen Text und 4,5: 1 für großen Text. Großer Text wird als 14 Punkt (normalerweise 18,66 Pixel) und fett oder größer oder als 18 Punkt (normalerweise 24 Pixel) oder größer definiert.

Hinweiß: Colorzillaist ein hervorragendes Werkzeug zum Extrahieren des Farbwerts aus einem beliebigen Seitenelement. Außerdem kann WAVE die Kontrastverhältnisse für alle Seitentextelemente gleichzeitig analysieren.