Vitali Web Tools
Vitali Web Tools
Seitenleiste einklappen
Tool-Bibliothek
Favoriten

Farbkontrast prüfen

Text- und Hintergrundfarben gegen WCAG-2.2-Kontrastgrenzen prüfen. Live-Vorschau ansehen und CSS-Farben kopieren.

Verarbeitung auf deinem GerätKostenlos · Ohne Konto

Dein Tool wird vorbereitet …

So funktioniert’s

  1. Gib Text- und Hintergrundfarbe als HEX ein.
  2. Prüfe Live-Vorschau und AA-/AAA-Ergebnisse.
  3. Tausche oder ändere Farben und kopiere die CSS-Werte.

Beispiel: #777777 auf Weiss liegt unter 4,5:1, auch wenn eine gerundete Anzeige 4,5 nahelegt.

Details & Grenzen

Zwei einfarbige, undurchsichtige sRGB-Farben in 3- oder 6-stelligem HEX. AA/AAA-Textgrenzen; keine Transparenz, Verläufe oder vollständige Barrierefreiheitsprüfung.

Was gilt als grosser Text?

Mindestens 18 pt oder 14 pt fett. Das Tool prüft keine ganze Website und bewertet keine Transparenz, Verläufe oder Bilder.

Die Farbkombination vor dem Veröffentlichen prüfen

Eine attraktive Farbkombination kann kleine Texte trotzdem schwer lesbar machen. Das Tool berechnet die relative Helligkeit undurchsichtiger sRGB-HEX-Werte und vergleicht das ungerundete Verhältnis mit WCAG-2.2-Textgrenzen. Die Vorschau hilft beim Beurteilen; Schriftart, Grösse und Umgebung bleiben wichtig. Eine passende Farbkombination ist nur ein Teil einer barrierefreien Seite.

Passende Tools

Farbe aus Bild bestimmenWebsite, DNS und TLS prüfenWasserzeichen auf Bilder