Farbverlauf Generator für Mesh Gradients und animierte Hintergründe
Das Studio für Farbverläufe und Hintergründe ist ein Farbverlauf Generator, der in deinem Browser läuft. Wähle aus 13 Verlaufstypen, darunter Netz (Mesh), Aurora, Konisch, Wellen und Strahlen, forme dann Farbe, Körnung, Glas und Bewegung oder zeichne den Verlauf als Halbton, Dithering, ASCII oder Höhenlinien neu, bis der Hintergrund stimmt. Sieh dir das Ergebnis in echten Layouts wie Landingpages, Karten und mobilen Screens an, bevor du es in den UX Pilot Canvas übernimmst.
So funktioniert es
Wähle einen Startpunkt
Starte mit einem von 28 Looks wie Weiches Mesh, Finsternis-Strahlen oder Riso-Halbton, oder wähle einen Verlaufstyp und eine von 24 Paletten.
Stimme den Verlauf ab
Passe Skalierung, Verzerrung, Wirbel und Weichheit an, füge Körnung, Glasscheiben oder Glaskacheln, ein Overlay aus Punkten, Raster oder Linien, eine zweite gemischte Ebene oder einen Bildstil wie Halbton oder Pixel-Sortierung hinzu und schalte die Animation mit eigener Geschwindigkeit ein.
Ansehen und verwenden
Sieh dir den Verlauf in den Layouts Landingpage, Karte, Mobil und Registrierung an und melde dich dann mit einem kostenlosen UX Pilot Konto an, um ihn im Canvas zu verwenden oder zu exportieren.
Das kannst du damit gestalten
Hero-Bereiche für Landingpages
Animierte Mesh- und Aurora-Hintergründe, die hinter einer Überschrift liegen, ohne mit ihr zu konkurrieren.
Körnige Farbverläufe
Füge Filmkorn hinzu und steuere seine Größe für einen texturierten Verlauf mit Druckanmutung.
Social-Media- und Vorschaubilder
Setze den Verlauf in 1:1, 4:5, 3:2, 16:9 oder 9:16 für Posts, Cover und Vorschaubilder.
Oberflächen für Apps und Karten
Weiche Looks mit Radial, Leuchten und Milchglas für Karten, Leerzustände und mobile Screens.
Häufige Fragen
Was ist ein Mesh Gradient?
Ein Mesh Gradient mischt mehrere Farbpunkte über eine Fläche statt entlang einer einzigen Linie. So entstehen weiche, organische Farbfelder. In diesem Tool ist Netz (Mesh) einer von 13 Verlaufstypen, neben Fließend, Aurora, Linear, Radial, Konisch, Leuchten, Kleckse, Wellen, Balken, Spalten, Strahlen und Umlaufbahn.
Kann ich einen animierten Farbverlauf als Hintergrund erstellen?
Ja. Aktiviere Animieren und stelle die Geschwindigkeit ein. Die Vorschau läuft in Echtzeit, und auch die Körnung lässt sich animieren.
Kann ich einen körnigen, holografischen oder Halbton-Farbverlauf erstellen?
Ja. Körnung und Korngröße sind integriert, und Paletten wie Schillernde Wolke und Opal sorgen für eine holografische Anmutung. Looks wie Körniger Sonnenuntergang und Prisma-Spaltung sind gute Startpunkte. Der Bereich Bildstil zeichnet jeden Verlauf als Dithering, Halbton, ASCII, Pixel, Höhenlinien, Gravur, Kreuzschraffur oder Pixel-Sortierung neu, in seinen eigenen Farben oder in zwei Duoton-Farben. Looks wie Riso-Halbton, Höhenlinien und Pixel-Sortierung starten mit einem davon.
Ist der Farbverlauf Generator kostenlos?
Das Ausprobieren ist kostenlos und läuft in deinem Browser. Um dein Ergebnis im UX Pilot Canvas zu verwenden oder zu exportieren, brauchst du ein kostenloses UX Pilot Konto.