Barrierefreiheits-Tool

Farbkontrast-Rechner

Stellen Sie sicher, dass Ihre Text- und Hintergrundfarben den Kontrastanforderungen von WCAG 2.1 AA und AAA entsprechen.

Kontrastverhältnis ist 21.00 zu 1.
Ein Mindestverhältnis von 4,5:1 ist für normalen Text erforderlich (WCAG AA).
WCAG AA (Normal)
Pass
Requires 4.5:1
WCAG AA (Large)
Pass
Requires 3.0:1
WCAG AAA (Normal)
Pass
Requires 7.0:1
WCAG AAA (Large)
Pass
Requires 4.5:1
The quick brown fox
Large Text (≥ 18pt or 14pt bold)
The quick brown fox jumps over the lazy dog.
Normal Text

Anleitung zur Verwendung dieses Tools

Geben Sie Ihre Vordergrund- und Hintergrundfarben im Hex-Format ein.

Der Rechner ermittelt automatisch, ob sie die WCAG-Kontrastanforderungen erfüllen.

Formel für die relative Leuchtdichte

L = 0.2126·R + 0.7152·G + 0.0722·B

Dabei sind R, G und B linearisierte Kanäle:

  • If c_sRGB ≤ 0.03928c = c_sRGB / 12.92
  • Sonst → c = ((c_sRGB + 0.055) / 1.055) ^ 2.4

Das Kontrastverhältnis (CR) wird dann wie folgt berechnet: CR = (L1 + 0.05) / (L2 + 0.05) wobei L1 die hellere und L2 die dunklere Farbe ist.

Was dieses Tool prüft

Dieses Tool prüft automatisch das Farbkontrastverhältnis zwischen Text und Hintergrund auf die WCAG 2.1 AA- und AAA-Standards.

Grenzen der automatisierten Prüfung

Automatisierte Kontrastprüfer können Kontraste über Verläufen, Hintergrundbildern oder komplexen Mustern nicht genau auswerten. Diese erfordern eine manuelle Überprüfung.

Verwandte Tools

Verwandte Leitfäden