Normaler Text
Großer Text
Schnelle Lösungen
Vorschautitel
Der schnelle braune Fuchs springt über den faulen Hund
Kleiner Textbeispiel (12px)
WCAG-Standards
Level AA
Minimales Kontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text. Erforderlich für die meisten Websites.
Level AAA
Erweitertes Kontrastverhältnis von 7:1 für normalen Text und 4,5:1 für großen Text. Empfohlen für optimale Zugänglichkeit.
Unzureichender Kontrast für alle Textgrößen - entspricht nicht den WCAG-Standards.
Farbkontrastprüfer
Berechne das Kontrastverhältnis von Text- und Hintergrundfarben.
Wähle eine Farbe mit dem Farbselektor für Text- und Hintergrundfarbe oder gib eine Farbe im RGB-Hexadezimalformat ein (z.B. #259 oder #2596BE). Du kannst den Schieberegler anpassen, um die Farbe auszuwählen. Die Web Content Accessibility Guidelines (WCAG) haben eine spezifische Richtlinie, um herauszufinden, ob Text für sehende Nutzer lesbar ist. Dieses Kriterium verwendet einen bestimmten Algorithmus, um Farbkombinationen in vergleichbare Verhältnisse zu überführen. Mit dieser Formel gibt WCAG an, dass ein Farbkontrastverhältnis von 4,5:1 zwischen Text und Hintergrund für normalen (Fließ-)Text ausreichend ist, und großer Text (18+ pt normal oder 14+ pt fett) sollte mindestens ein Kontrastverhältnis von 3:1 haben.
Hauptmerkmale
- • Echtzeit-Kontrastverhältnisberechnung
- • WCAG AA & AAA Konformitätsprüfung
- • HSL-Schieberegler zur Feinabstimmung
- • Mehrere Vorschauformate
Erweiterte Werkzeuge
- • Automatische Farbkorrektur
- • Text- und Hintergrundbeispiele
- • Farbnamen-Erkennung
- • Ergebnisse exportieren