Verlauf-Generator aus Bild
Einen schönen Verlauf aus einem beliebigen Foto extrahieren — Bild ablegen, Stimmung wählen und die dominanten Farben werden zu ziehbaren Verlaufsstopps. Sofort kopierbares CSS erhalten.
Bild hier ablegen
oder klicken zum Durchsuchen — auch aus der Zwischenablage einfügen möglich
Alles läuft im Browser — Ihr Bild wird nie hochgeladen, keine Registrierung, vollständig kostenlos.
background: —;
Über Verlauf-Generator aus Bild
Der Gradient Generator from Image verwandelt jedes Foto in einen einsatzbereiten CSS-Verlauf. Ziehe ein Bild hinein, durchsuche es oder füge es ein, und das Tool liest es auf einer Canvas ein, extrahiert seine dominanten Farben und legt sie als Verlaufsstopps an, die du ziehen, umfärben und neu anordnen kannst, bis die Mischung dem Gefühl des Originals entspricht.
Ein Stimmungswähler (Bunt, Hell, Gedeckt, Tief oder Dunkel) ändert, welche extrahierten Farben zu Stopps werden, sodass ein Foto mehrere sehr unterschiedliche Verläufe liefern kann. Du steuerst den Verlaufstyp (linear, radial oder konisch), den Winkel und die Stopps selbst: Klicke auf die Leiste, um einen hinzuzufügen, ziehe zum Umpositionieren, kehre um oder rotiere mit einem Klick.
Der gesamte Vorgang läuft in deinem Browser; dein Bild wird niemals auf einen Server hochgeladen. Wenn die Vorschau passt, kopiere die vollständige CSS-Regel, nur den Hintergrundwert oder die extrahierten Farben allein: ideal für Hero-Bereiche, Seitenhintergründe und Markenvisuals, die aus Fotografie abgeleitet sind.
So verwenden Sie Verlauf-Generator aus Bild
- Ziehe ein Bild hinein, klicke zum Durchsuchen oder füge eines aus deiner Zwischenablage ein.
- Wähle eine Stimmung (Bunt, Hell, Gedeckt, Tief oder Dunkel), um festzulegen, welche extrahierten Farben zu Stopps werden.
- Wähle den Verlaufstyp (linear, radial oder konisch) und passe den Winkel an.
- Ziehe die Farbstopps, um die Mischung feinabzustimmen; füge Stopps hinzu, entferne sie, kehre sie um oder mische sie neu.
- Klicke auf „CSS kopieren“, um den einfügefertigen Verlaufscode zu erhalten.