What types of gradients can I create?

You can create both static gradients (linear and radial) for CSS/PNG export, and fluid animated gradients using Three.js for video export.

Can I export gradients as CSS code?

Yes, static gradients can be exported as CSS, Tailwind CSS, or PNG images. Fluid gradients can be exported as videos or static images.

Is the gradient generator free?

Yes, all gradient tools are completely free to use with no limitations or registration required.

Gradient Generator - Kostenloses Online-Tool zur Erstellung von Farbverläufen

Erstellen Sie wunderschöne CSS-Farbverläufe und exportieren Sie sie als PNG-Bilder. Von statischen Farbverläufen bis hin zu flüssigen Animationen auf Basis von Three.js – alles komplett kostenlos.

Wählen Sie Ihr Farbverlaufstool

Wählen Sie die Art von Farbverlauf aus, die Sie benötigen

CSS Farbverlauf

Erstellen Sie lineare oder radiale CSS-Farbverläufe und exportieren Sie sie als PNG oder CSS-Code.

CSS Farbverlauf starten

Mesh-Verlauf

Erstellen Sie komplexe Mesh-Verläufe mit verschiebbaren Kontrollpunkten und exportieren Sie sie.

Mesh-Verlauf starten

Weitere schnelle Tools entdecken

Bildteiler Bildkonverter Bildgröße ändern Mockup-Generator Favicon-Generator

Warum unseren Gradient Generator wählen?

Erstellen Sie wunderschöne CSS-, Fluid- oder Mesh-Verläufe mit sofortiger Vorschau und Exportoptionen.

Vorschau in Echtzeit

Sie sehen die Änderungen live, während Sie Farben und Formen bearbeiten.

Mehrere Formate

Exportieren als CSS, Tailwind, PNG, Video oder Mesh-Daten.

Kostenlos & Open Source

Alle Tools sind komplett kostenlos, keine Anmeldung erforderlich.

Export in hoher Auflösung

Exportieren Sie scharfe PNGs oder hochwertige Videos für jeden Anwendungsfall.

So erstellen Sie einen Farbverlauf

Befolgen Sie diese Schritte, um Ihren Farbverlauf zu entwerfen und zu exportieren.

1
Typ auswählen
Wählen Sie CSS, Fluid oder Mesh Farbverlauf.
2
Farben bearbeiten
Fügen Sie Farb-Stopps oder Mesh-Punkte hinzu, ziehen Sie sie und passen Sie sie an.
3
Einstellungen konfigurieren
Legen Sie Winkel, Geschwindigkeit, Intensität oder Auflösung nach Bedarf fest.
4
Exportieren
Laden Sie ein PNG herunter, kopieren Sie CSS/Tailwind oder exportieren Sie ein Video.

Anwendungsfälle

Webdesign

Generieren Sie Hintergrundverläufe für Websites oder UI-Komponenten.

Soziale Medien

Erstellen Sie auffällige Grafiken für Posts und Stories.

Präsentationen

Fügen Sie Ihren Decks und PDFs lebendige Verlauf-Folien hinzu.

Branding

Entwerfen Sie benutzerdefinierte Farbverlaufs-Paletten für die Markenidentität.

Häufig gestellte Fragen

Funktioniert das Tool offline?

Alle Generierungen laufen in Ihrem Browser; keine Daten werden an einen Server gesendet.

Welche Exportformate sind verfügbar?

CSS, Tailwind, PNG, MP4-Video und Mesh-JSON.

Kann ich meine Arbeit speichern?

Sie können das Farbverlaufs-JSON herunterladen, um es später neu zu laden.