Farbformate umwandeln
HEX-, RGB- und HSL-Farben mit Transparenz umrechnen, als Farbfeld ansehen und als CSS-Wert kopieren.
CSS-Schatten erstellen
Versatz, Unschärfe, Ausdehnung und Deckkraft eines Box-Schattens einstellen und fertiges CSS übernehmen.
Vorschau
Über dieses Tool
Versatz, Unschärfe, Ausdehnung und Deckkraft eines Box-Schattens einstellen und fertiges CSS übernehmen.
Anwendung
Die Regler verändern den Schatten in der Vorschau. Mit Innerer Schatten wird inset aktiviert. Versatz und Ausdehnung dürfen negativ sein; Unschärfe nicht. Abmessungen reichen von -200 bis 200 px, Unschärfe von 0 bis 200 px. Das Werkzeug erzeugt eine Schattenebene mit 0–100 Prozent Deckkraft. CSS lässt sich kopieren oder herunterladen.
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-Farbverlauf erstellen
Lineare und radiale Verläufe mit zwei bis acht Farbstopps gestalten und das CSS direkt kopieren.
Seitenverhältnis berechnen
Bild- und Videoverhältnisse kürzen und aus einer Zielbreite oder Zielhöhe die passende zweite Abmessung berechnen.
Kommentare
0