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.
Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
Bearbeiten Sie HEX, RGB oder HSL. Die anderen Werte und die Vorschau passen sich automatisch an.
Über dieses Tool
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
Anwendung
Eine Farbe eingeben oder auswählen und die Deckkraft anpassen. Unterstützt werden HEX mit 3, 4, 6 oder 8 Stellen sowie RGB und HSL mit Alpha. RGB-Kanäle erlauben Werte von 0 bis 255 oder Prozentangaben. HSL-Sättigung und Helligkeit verwenden Prozent. Werte außerhalb des Bereichs werden gemeldet. CMYK und erweiterte Farbräume sind nicht enthalten.
HEX, RGB und HSL haben jeweils ein eigenes Eingabefeld. Änderungen gleichen die anderen Felder sofort ab. Text und Cursor im gerade bearbeiteten Feld bleiben erhalten. Unvollständige oder ungültige Werte werden dort markiert; Kopieren ist bis zur Korrektur gesperrt.
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