Mesh-Verlauf-Studio
Verschieben Sie Farbpunkte, wählen Sie einen Mischmodus, fügen Sie Körnung und Wellen hinzu und exportieren Sie als PNG, SVG, CSS, WebM-Video oder animierten Website-Hintergrund.
Alles wird in Ihrem Browser berechnet: Weder Bilder noch Einstellungen werden an einen Server gesendet.
Über dieses Tool
Dieses Studio erstellt Mesh-Verläufe, also weich ineinanderfließende Farbflächen, wie man sie auf Websites, Präsentationen, Hintergrundbildern und in sozialen Netzwerken sieht. Sie setzen Farbpunkte auf die Vorschau und verschieben sie mit der Maus, dem Finger oder der Tastatur. Drei Mischmodi stehen bereit: ein verformbares Gitter mit bilinearer oder bikubischer Interpolation, ein Punktfeld im Stil eines Polarlichts und weiche Farbflecken auf einfarbigem Grund.
Die einstellbare Körnung sorgt für eine fotografische Textur und verhindert Farbstufen, die Verzerrung ergänzt Wellen, einen Wirbel oder einen flüssigen Effekt. Zehn fertige Paletten und eine Zufallsfunktion liefern den Ausgangspunkt. Exportieren können Sie ein PNG mit bis zu 6.000 px Kantenlänge oder in gängigen Formaten (Hintergrundbild, Story, Banner, Open Graph), ein vom Browser aufgenommenes Schleifenvideo, ein SVG mit Filtern, annähernden CSS-Code und ein kleines Skript für einen animierten Website-Hintergrund.
- Drei Modi: Gitter-Mesh, Polarlicht, Farbflecken
- Punkte per Maus, Finger oder Tastatur verschieben
- Körnung, Sättigung, Helligkeit und Verzerrung
- Nahtlose Animation und WebM-Video
- PNG bis 6.000 px und fertige Formate
- Export als SVG, CSS und animierter Hintergrund
So funktioniert es
- Wählen Sie oberhalb der Vorschau ein Format, dann einen Mischmodus und eine Palette.
- Verschieben Sie die Punkte, ändern Sie Farbe und Radius, ergänzen Sie Körnung oder Verzerrung.
- Schalten Sie die Animation ein und nehmen Sie im Reiter Animation das Video auf.
- Laden Sie im Reiter Export das PNG oder SVG herunter oder kopieren Sie CSS und Einbettungscode.