CSS-Gradient-Generator
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Zuletzt aktualisiert: 2026 · Kostenloses Online-Tool
Was ist CSS-Gradient-Generator?
Kostenloses Online-Tool mit visuellem Editor zum Erstellen von CSS-Gradienten und Kopieren des Codes
Anleitung
- 1 Typ auswählen — Wählen Sie den Farbverlaufstyp (linear, radial, konisch).
- 2 Farbstopps anpassen — Passen Sie Farbe und Position jedes Farbstopps an.
- 3 Vorschau — Überprüfen Sie das Ergebnis in Echtzeit in der Vorschau.
- 4 CSS-Code kopieren — Kopieren Sie den CSS-Code mit der Schaltfläche 'Kopieren' in die Zwischenablage.
Verwandte Tools
CSS-Box-Shadow-Generator Kostenloses Online-Tool mit visuellem Editor zum Erstellen von CSS box-shadow und Kopieren des Codes
CSS-Border-Radius-Generator Kostenloses Online-Tool zum visuellen Bearbeiten von CSS border-radius mit 8 Steuerpunkten
Farbcode-Konverter Kostenloses Online-Tool zur Umrechnung zwischen HEX-, RGB-, HSL- und OKLCH-Farbcodes mit WCAG-Kontrastberechnung
Häufig gestellte Fragen
Es gibt keine Begrenzung, aber 2–6 sind üblich. Zu viele können die Leistung beeinträchtigen.
Ja. Aktivieren Sie das Kontrollkästchen 'Wiederholen', um das repeating-Präfix hinzuzufügen.
Fünf Vorlagen werden angeboten: Sunset, Ocean, Forest, Midnight und Rainbow.
Derzeit wird nur reines CSS ausgegeben. Eine Tailwind-Konvertierung ist für ein zukünftiges Update geplant.
Nein. Die gesamte Verarbeitung erfolgt im Browser.