Sprache wählen

Farbkontrast prüfen

Berechne den Kontrast zweier deckender Farben und die AA-/AAA-Grenzwerte für Text nach WCAG 2.2.

Diese Seite zeigt die im aktuellen Umfang in dieser Sprache verfügbaren Werkzeuge. Das bedeutet nicht, dass jedes Werkzeug der Website in jede Sprache übersetzt ist.

HEX mit 3/4/6/8 Stellen; RGB von 0 bis 255 oder in Prozent; HSL: Farbton von 0 bis 360 und Sättigung/Helligkeit von 0 bis 100 %. Verwende Kommas und alpha von 0 bis 1. Der Kontrastvergleich akzeptiert nur deckende Farben.

WCAG 2.2: AA verlangt 4.5:1 für normalen und 3:1 für großen Text; AAA verlangt 7:1 und 4.5:1. Großer Text hat 18pt oder 14pt in Fettschrift. Die Entscheidung verwendet das ungerundete Verhältnis; dies ist keine Barrierefreiheitszertifizierung.

Anleitung

Gib deckende Text- und Hintergrundfarben ein und berechne. Lies das Verhältnis und die Bewertung jedes Grenzwerts passend zur tatsächlichen Textgröße.

Anwendungsbeispiel

Schwarz #000000 auf Weiß #FFFFFF ergibt 21:1; dieselbe Farbe auf sich selbst ergibt 1:1.

Unterstützte Funktionen und Grenzen

WCAG 2.2: AA verlangt 4.5:1 für normalen und 3:1 für großen Text; AAA verlangt 7:1 und 4.5:1. Groß bedeutet 18pt oder 14pt in Fettschrift. Entscheidungen verwenden das ungerundete Verhältnis; die Anzeige rundet auf vier Nachkommastellen. W3C-Referenzen: Understanding SC 1.4.3 und SC 1.4.6.

Häufige Fragen

Bedeutet ein erfüllter Grenzwert, dass eine Website WCAG vollständig erfüllt?

Nein. Dies prüft nur das Kontrastverhältnis zweier Farben. Schriften, Bilder, interaktive Zustände und weitere Anforderungen an Barrierefreiheit müssen gesondert geprüft werden.

Ähnliche Werkzeuge

PNG in JPG umwandeln

Wandeln Sie PNG in JPEG um und wählen Sie den Hintergrund für transparente Bereiche.

Bildinformationen anzeigen

Sehen Sie Format, Bytezahl, Abmessungen, Megapixel und Seitenverhältnis eines Bildes.

Farbformate umrechnen

Wandle eine Farbe zwischen HEX, RGB und HSL einschließlich alpha um, mit einer Vorschau aus geprüften Werten.