CSS-Farbverlauf-Generator (Gradient)
Design & GrafikEntwerfen Sie lineare und radiale Farbverläufe mit variablen Winkeln, Farb-Stopps und sofortigem CSS-Code.
Live-Farbverlauf-Leinwand
135° LinearCSS-Farbverlaufsvorschau
linear-gradient(135deg, #FF512F 0%, #DD2476 100%)
Verlaufstyp & -richtung
Winkel (Grad)135°
0°90°180°270°360°
Beliebte Vorlagen
Farb-Stopp-Palette
Pos0%
Pos100%
Generierter CSS-Code
background: linear-gradient(135deg, #FF512F 0%, #DD2476 100%);☕Unabhängige Projektförderung
Gefällt Ihnen ToolsApp? Spendieren Sie einen Kaffee
ToolsApp läuft zu 100% Client-Side im Browser – ohne Abos und ohne Datentracking. Wir glauben, dass digitale Werkzeuge für alle frei zugänglich bleiben sollten. Ihre Unterstützung hilft uns, neue nützliche Tools zu entwickeln!
100% Client-Side•Kostenlos für Alle
Wie funktioniert es?
1
Wählen Sie Verlaufstyp
Wählen Sie „Linear“ oder „Radial“ und konfigurieren Sie den Winkel oder die Form.
2
Passen Sie die Farbstopps an
Fügen Sie Farben hinzu, wählen Sie Farbtöne aus und legen Sie Prozentsätze für die Folienposition fest.
3
CSS kopieren
Holen Sie sich den sauberen CSS-Hintergrundcode mit einem Klick.
Volle PrivatsphäreAlle Berechnungen und Dateiverarbeitungen erfolgen zu 100 % lokal in Ihrem Browser über clientseitiges JavaScript.
Nutzerbewertungen & Feedback
Teilen Sie Ihre Erfahrung anonym. Automatisch von KI moderiert.
5.0
•0 BewertungenGenehmigte Bewertungen (0)
Bewertungen werden geladen...