ToolPal

Farbkontrast-Prüfer

Überprüfe WCAG-Farbkontrastverhältnisse für Barrierefreiheit. Verifiziere AA- und AAA-Konformität für Text- und Hintergrundfarben.

Großtextvorschau

Kleiner Fließtextvorschau — das lesen deine Benutzer.

17.40

Kontrastverhältnis

WCAG 2.1 Ergebnisse

✓Normaler Text AA (4.5:1)
✓Großer Text AA (3:1)
✓Normaler Text AAA (7:1)
✓Großer Text AAA (4.5:1)

AA Normal: Mindestkontrast für normalen Text (unter 18pt/14pt Fett)

AAA Normal: Verbesserter Kontrast für normalen Text — beste Lesbarkeit

AA Large: Mindestkontrast für großen Text (18pt+ oder 14pt+ Fett)

Anleitung

Überprüfe WCAG-Farbkontrastverhältnisse für Barrierefreiheit. Verifiziere AA- und AAA-Konformität für Text- und Hintergrundfarben.

  1. 1Enter or pick a foreground (text) color using the color picker or hex input.
  2. 2Enter or pick a background color the same way.
  3. 3The tool calculates the contrast ratio and displays it immediately.
  4. 4Check the WCAG AA and AAA pass/fail badges for normal text, large text, and UI components.
  5. 5Adjust either color until you meet the required WCAG standard.

Funktionen

  • Calculates WCAG 2.1 contrast ratio between any two colors
  • Shows pass/fail status for AA and AAA levels across text sizes
  • Color picker and hex/RGB input for precise color selection
  • Instant feedback as you adjust colors without clicking any button

Häufig gestellte Fragen

Mehr erfahren