Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
CSS-Farbverlauf erstellen
Lineare und radiale Verläufe mit zwei bis acht Farbstopps gestalten und das CSS direkt kopieren.
Über dieses Tool
Lineare und radiale Verläufe mit zwei bis acht Farbstopps gestalten und das CSS direkt kopieren.
Anwendung
Verlaufstyp, Farben und Positionen einstellen; bei linearen Verläufen zusätzlich den Winkel. Die Vorschau aktualisiert sich sofort. Farbstopps werden nach ihrer Position sortiert; gleiche Positionen erzeugen harte Kanten. Möglich sind 2–8 Stopps von 0–100 Prozent und Winkel von -360 bis 360 Grad. Radiale Verläufe verwenden eine zentrierte Ellipse.
Verwandte Werkzeuge
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.
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