CLR / 03 · Farb-Tools

CSS-Verlaufsgenerator

Lineare und radiale Verläufe mit Live-Vorschau und dem exakten CSS zum Einfügen.

CSS-Verlaufsgenerator
⁨2⁩ Stopps, live in der Vorschau
CSS
background-image: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);

Farben werden in Hex angegeben – mit drei, vier, sechs oder acht Stellen. Die kurzen Formen enden auf eine Stelle für die Deckkraft, die langen auf zwei. Andere CSS-Farbschreibweisen werden hier nicht gelesen. Die Vorschau ist ein schlichtes Element mit genau dieser Deklaration darauf, was du siehst, ist also das, was der Browser zeichnen wird.

Unterstützen 💚Hilf, ToolZool kostenlos zu halten

Dank dir bleibt
ToolZool kostenlos

Gute Tools sollten für alle kostenlos sein. So wird das bezahlt – vollständig, ohne dass ein Posten fehlt.

Zooly einen Kaffee ausgebenDirekte Unterstützung, die den Laden am Laufen hält und neue Tools bringt. Völlig freiwillig.Zooly unterstützen →
Empfohlene AuswahlKostenpflichtige Tools, die Aufgaben abschließen, die ein Browser nicht kann. Nichts auf dieser Seite bringt uns heute etwas ein.Empfehlungen ansehen →
Werbung, die respektvoll bleibtGekennzeichnete Platzierungen sitzen außerhalb des Arbeitsbereichs und kommen so nie zwischen dich und dein Ergebnis.Werberichtlinie lesen →
Du bist großartigJeder Besuch, jedes Teilen und jedes gute Wort hilft ToolZool zu wachsen und mehr Menschen zu erreichen.