Kann ein konischer Verlauf als Bild exportiert werden?

Canvas kennt keinen konischen Verlauf, daher nähert der PNG-Export ihn mit einer radialen Füllung an. Für einen exakten konischen Look nutze das CSS direkt oder mache einen Screenshot.

Wie viele Stopps kann ich hinzufügen?

Zwei bis sechs. Über sechs kann das Auge die Übergänge kaum noch unterscheiden, während der Verlauf viel schwerer zu pflegen wird — stapele Schichten, wenn du feineres Mischen brauchst.

CSS-Verlauf-Generator

Lineare und radiale Verläufe visuell bauen, dann CSS kopieren oder das Hintergrundbild exportieren.

KostenlosOhne Registrierung

Vorschau

Optionen

Winkel135°

100%

CSS

background: linear-gradient(135deg, #3D6C45 0%, #8FC79A 100%);

Verwendung

.hero {
  background: linear-gradient(135deg, #3D6C45 0%, #8FC79A 100%);
  background-size: cover;
}

Lineare und radiale Verläufe visuell bauen, dann CSS kopieren oder das Hintergrundbild exportieren.

Ein CSS-Verlauf von Hand bedeutet, Winkel und Stopp-Positionen zu raten, bis es passt. Dieses Tool macht es visuell: ziehe den Winkel, füge Stopps hinzu oder entferne sie, schiebe jeden Stopp an seinen Platz, und sieh das Ergebnis aktualisieren. Dann kopiere das CSS oder exportiere ein 1920×1080-Hintergrundbild.

So funktioniert's

1Wähle den Verlaufstyp (linear, radial oder konisch).
2Setze den Winkel und füge Farbstopps hinzu, entferne oder verschiebe sie.
3Kopiere das CSS oder lade ein PNG herunter, um es als Cover-Hintergrund zu nutzen.

CSS-Verlauf-Generator

Lineare und radiale Verläufe visuell bauen, dann CSS kopieren oder das Hintergrundbild exportieren.

So funktioniert's

FAQ

Verwandte Tools