Farbverlauf aus Bild

Lade ein Foto hoch und mach daraus einen Farbverlauf aus seinen Farben. Kopiere den CSS-Code oder feile im Farbverlauf-Generator daran.

Palette

5 Farben

Ziehe jeden Punkt, um eine andere Farbe aus dem Foto aufzunehmen.

So erstellst du einen Farbverlauf aus einem Foto

Foto hochladenEin Sonnenuntergang, eine Landschaft oder irgendein Foto, dessen Farben dir gefallen.
Farben wählenProbier die Modi Kräftig, Sanft oder Hell aus oder zieh die Punkte. Der Verlauf geht von dunkel nach hell.
CSS kopierenKopiere den linear-gradient oder öffne ihn im Generator, um den Winkel zu ändern oder einen radialen Verlauf zu machen.

Für weiche Verläufe nimmst du 3 oder 4 Farben, die nah beieinander liegen; viele sehr unterschiedliche Farben ergeben harte Übergänge.
Sonnenuntergänge, Meer und Himmel liefern die natürlichsten Farbverläufe.
Kommt Text darauf, prüfe ihn mit dem Kontrast-Prüfer gegen die hellste und die dunkelste Farbe.
Im Farbverlauf-Generator kannst du ihn auch als Handy-Hintergrundbild herunterladen.

Wie benutze ich das CSS?

Füge die Zeile background: linear-gradient(...) in den Style deines Elements ein. Das funktioniert in allen aktuellen Browsern.

Kann ich die Richtung ändern?

Ja. Öffne den Verlauf im Generator und wähle den Winkel, einen radialen Verlauf oder den Mesh-Modus.

Wie viele Farben werden verwendet?

Bis zu 6, nach Helligkeit sortiert, damit die Übergänge zwischen den Farben natürlich wirken.