Gib deinem nächsten Design einen Farbverlauf

Funktionen und Einsatzmöglichkeiten

Erstelle lineare oder radiale Farbverläufe mit 2–8 bearbeitbaren Farbstopps. Ein Stopp legt die Farbe an einer Prozentposition im Verlauf fest. Ändere Position, Transparenz, Winkel oder den radialen Mittelpunkt.

Wähle Quadrat, Hochformat, Story, Linkvorschau, Full HD oder 4K oder gib eigene Maße ein. Kopiere CSS, lade ein PNG in exakter Größe herunter oder exportiere ein SVG, das sich ohne Schärfeverlust skalieren lässt.

Formate, Optionen und Grenzen

Farbfelder akzeptieren 3-, 4-, 6- oder 8-stellige HEX-Werte mit oder ohne # sowie RGB/RGBA- und HSL/HSLA-Schreibweisen. Alphawerte steuern die Transparenz. Nutze die visuelle Farbauswahl für schnelle Änderungen oder gib einen präzisen Wert ein.

• Setze jeden Farbstopp auf 0–100 %, wähle einen linearen Winkel von 0–360 Grad oder positioniere den radialen Mittelpunkt auf jeder Achse zwischen 0 und 100 %. Die Beispiele Morgendämmerung, Meerglas und Nachthimmel bieten bearbeitbare Ausgangspunkte für Website-Hintergründe, Folien und Social-Media-Grafiken.
• Lege PNG-Breite und -Höhe unabhängig voneinander zwischen 64 und 4096 Pixeln fest oder wähle eine der folgenden Vorlagen. SVG beginnt mit denselben Abmessungen und bleibt skalierbar. Kopiertes CSS beschreibt den Verlauf ohne feste Pixelgröße.

Arbeite ohne Konto: Text und Fotos werden in deinem Browser verarbeitet. Speichere ein Projekt auf diesem Gerät oder lade eine Sicherung herunter, um es später wieder zu öffnen.

Gut zu wissen

PNG verwendet die gewählten Pixelmaße bis 4096 × 4096. SVG skaliert ohne Schärfeverlust. Transparente Stopps bleiben in heruntergeladenen Bildern transparent.