AbraCalc

Farbkontrast-Prüfer

Prüfen Sie das WCAG-Kontrastverhältnis zweier Hex-Farben und ob das Paar die AA- und AAA-Standards erfüllt.

Von · Geprüft von AbraCalc Methodology Review · 2 Quellen

Dieses Tool auf deiner Seite einbetten
Dieses Tool zitieren

APA

AbraCalc. (2026). Farbkontrast-Prüfer [Online calculator]. Retrieved from https://abracalc.com/de/farbkontrast-pruefer/

BibTeX

@misc{abracalc-farbkontrast-pruefer, author = {AbraCalc}, title = {Farbkontrast-Prüfer}, year = {2026}, howpublished = {\url{https://abracalc.com/de/farbkontrast-pruefer/}} }

Hat dieses Tool deine Frage beantwortet?

So verwendest du dieses Tool

  1. Geben Sie Vordergrund-(Text-)Farbe und Hintergrundfarbe als Hex-Codes ein.
  2. Das Tool berechnet die WCAG-relative Leuchtdichte jeder Farbe.
  3. Lesen Sie das Kontrastverhältnis und die Bestehen/Nicht-bestanden-Ergebnisse für AA- und AAA-Schwellenwerte.

Prüfen Sie, ob zwei Farben die WCAG-2.1-Kontrastanforderungen erfüllen. Das Mindestverhältnis liegt bei 4.5:1 für normalen Text (AA) und 7:1 für den höchsten AAA-Standard.

Formel

For each hex color, compute relative luminance L using the WCAG formula:
L = 0.2126 × lin(R) + 0.7152 × lin(G) + 0.0722 × lin(B)
where lin(c) = c/12.92 if c ≤ 0.03928, else lin(c) = ((c + 0.055)/1.055)2.4.

Contrast ratio: ratio = (Llighter + 0.05) / (Ldarker + 0.05)

WCAG thresholds: AA normal text ≥ 4.5:1; AA large text ≥ 3.0:1; AAA normal text ≥ 7.0:1; AAA large text ≥ 4.5:1.

Häufige Fragen

Was ist das WCAG-Kontrastverhältnis?
WCAG (Web Content Accessibility Guidelines) definiert eine Kontrastverhältnis-Formel. Sie reicht von 1:1 (kein Kontrast) bis 21:1 (Schwarz auf Weiß). Normaler Fließtext benötigt mindestens 4.5:1 für AA-Konformität.
Was zählt als großer Text?
Großer Text ist 18pt (24px) oder größer, bzw. 14pt fett (etwa 19px fett). Großer Text benötigt nur ein Verhältnis von 3:1 für AA.

Quellen und Verweise