Kostenlos · Ohne Konto

Gradienten-Generator

Erstelle einen Verlauf aus deinen Farben oder starte mit einer Vorlage. Passe Übergänge an und exportiere einen Hintergrund für dein Design oder deine Website.

Verschiebe die Punkte in der Vorschau. Nutze X und Y für genaue Positionen.

16:9

CSS

Vorlagen

Wähle einen Ausgangspunkt und passe ihn an.

Zum Werkzeug

Darf ich den Verlauf kommerziell nutzen?

Ja. Nutze hier erstellte Verläufe in privaten und kommerziellen Projekten, auch für Kunden.

PNG oder CSS?

PNG ist ein Hintergrund für Figma, Photoshop, Banner oder Posts. CSS passt sich auf Websites an die Größe des Elements an. Wähle die Bildgröße vor dem Download.