Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
Farbkontrast prüfen
Textkontrast nach WCAG 2.2 prüfen, mit Vorschau und getrennten AA- und AAA-Ergebnissen für normale und große Schrift.
Gut lesbarer Text bringt die Botschaft auf den Punkt.
Normaler Text · Aa 123
Kontrastverhältnis
Berechnung nach WCAG 2.2. Transparente Hintergründe werden über Weiß gelegt.
Über dieses Tool
Textkontrast nach WCAG 2.2 prüfen, mit Vorschau und getrennten AA- und AAA-Ergebnissen für normale und große Schrift.
Anwendung
Text- und Hintergrundfarbe eingeben oder auswählen. Normaler Text benötigt 4,5 zu 1 für AA und 7 zu 1 für AAA; großer Text 3 zu 1 beziehungsweise 4,5 zu 1. Als groß gelten mindestens 24 px oder etwa 18,67 px in Fettschrift. Transparente Hintergründe werden auf Weiß verrechnet. Dies ist eine Kontrastprüfung, keine vollständige Barrierefreiheitsprüfung.
Verwandte Werkzeuge
CSS-Farbverlauf erstellen
Lineare und radiale Verläufe mit zwei bis acht Farbstopps gestalten und das CSS direkt kopieren.
CSS-Schatten erstellen
Versatz, Unschärfe, Ausdehnung und Deckkraft eines Box-Schattens einstellen und fertiges CSS übernehmen.
Seitenverhältnis berechnen
Bild- und Videoverhältnisse kürzen und aus einer Zielbreite oder Zielhöhe die passende zweite Abmessung berechnen.
Kommentare
0