CSS-Verlaufsgenerator
Erstellen Sie lineare und radiale CSS-Verläufe. Wählen Sie die Farben visuell aus und kopieren Sie das generierte CSS.
background: linear-gradient(135deg, #535beb, #7c3aed);
Was ist der CSS-Verlaufsgenerator?
CSS-Verläufe sind Farbübergänge zwischen zwei oder mehr Farben. Lineare Verläufe verlaufen in eine Richtung; radiale Verläufe gehen von einem Punkt aus. Dieser Generator deckt die gängigen Fälle ab; für komplexe Verläufe mit mehreren Stopps und benutzerdefinierten Positionen erstellen Sie diese manuell.
Häufig gestellte Fragen
Sind Verläufe effizient?▼
Kann ich Verläufe animieren?▼
Verwandte Tools
Farbkonverter (HEX/RGB/HSL)
Wandeln Sie Farben zwischen den Formaten HEX, RGB und HSL um. Wählen Sie eine Farbe visuell aus oder geben Sie die Werte manuell ein.
CSS-Box-Shadow-Generator
Erstellen Sie box-shadow-Werte in CSS auf visuelle Weise. Vorschau in Echtzeit und Kopieren des generierten CSS.
Cubic-Bezier-Easing-Kurven-Generator
Erstellen Sie cubic-bezier-Easing-Kurven für CSS. Inklusive standardmäßiger Voreinstellungen.
Farbpaletten-Generator
Erzeugen Sie harmonische Farbpaletten aus jeder beliebigen Grundfarbe. Unterstützt komplementäre, analoge, triadische und monochromatische Schemata.
CSS-Border-Radius-Generator
Erstellen Sie komplexe border-radius-Werte in CSS auf visuelle Weise. Unabhängige Steuerung jeder Ecke.
CSS-clamp()-Generator
Erzeugen Sie fluide, responsive CSS-Werte mit clamp(). Skaliert gleichmäßig zwischen Mindest- und Höchstgrößen über die Viewport-Bereiche hinweg.