KOSTENLOSES TOOL · AUF DEINEM GERÄT
Kostenloser CSS- und PNG-Verlaufsgenerator
Erstelle einen Verlauf für Website, Hintergrundbild oder Präsentation. Du wählst Typ, Winkel und 2 bis 8 Farben mit ihrer Position und siehst das Ergebnis sofort. Kopiere das CSS oder lade es als PNG in Größen für Desktop, Handy oder eigener Größe herunter.
- Kostenlos mit einem Konto
- CSS zum Einfügen bereit
- PNG bis 4K oder in eigener Größe
- Wähle ein Beispiel oder einen Typ
- Farben anpassen
- CSS kopieren oder PNG herunterladen
SO NUTZT DU ES
Drei Schritte.
Wähle ein Beispiel oder einen Typ
Beginne mit einem Beispiel oder wähle einen linearen, radialen oder konischen Verlauf mit Winkel oder Mittelpunkt.
Farben anpassen
Füge bis zu 8 Farben hinzu, verschiebe ihre Position, verteile sie gleichmäßig oder kehre sie um. Die Vorschau ändert sich sofort.
CSS kopieren oder PNG herunterladen
Kopiere den Code in dein Stylesheet oder wähle eine Größe und klicke auf „PNG herunterladen“.
NÄCHSTER SCHRITT
Mach weiter mit diesen Tools
Verlaufsgenerator: häufige Fragen
Funktioniert das CSS in allen Browsern?
Lineare und radiale Verläufe funktionieren in allen aktuellen Browsern; konische in den Versionen von Chrome, Edge, Firefox und Safari der letzten Jahre.
Wofür ist das feine Rauschen?
Ändert jeden Punkt des PNG um eine Stufe nach oben oder unten, damit sanfte Verläufe auf großen Bildschirmen keine Stufen zeigen. Das CSS ändert sich nicht.
Wie groß darf das PNG sein?
Es gibt Größen für Desktop, 4K, Handy, Quadrat und Banner oder jede beliebige, die du eingibst, bis 10.000 px pro Seite und 40 Megapixel.
Werden meine Bilder auf einen Server hochgeladen?
Nein. Das Tool läuft in deinem Browser: Dateien werden auf deinem Gerät gelesen und verarbeitet und weder an Cocuyo noch an Dritte gesendet. Du kannst es in den Netzwerk-Tools deines Browsers prüfen: Deine Datei wird nicht gesendet.
Ist es wirklich kostenlos?
Ja. Du kannst es vor der Registrierung ausprobieren; um es weiter zu nutzen, bitten wir dich um ein kostenloses Konto, ohne Abo. Es verbraucht keine Credits und zählt nicht zu deinen 30 Willkommensnutzungen: Die Nutzung ist unbegrenzt.
WEITERE KOSTENLOSE TOOLS
Weitere Bild-Tools
Alle kostenlosen Tools
WENN DU ERSTELLEN MÖCHTEST
Erstelle neue Bilder mit KI.
Das Studio von Cocuyo vereint über 30 KI-Modelle für Bild, Video und Stimme. Du siehst die Credit-Kosten, bevor du generierst, und Credits verfallen nie.