Kleurverloop

Maak een verloop met maximaal 8 kleuren en posities en sla CSS, SVG of PNG op. Bestanden en ingevoerde inhoud worden niet naar een server verstuurd of daarop opgeslagen.

Zo werkt het

Maak een verloop met maximaal 8 kleuren en posities en sla CSS, SVG of PNG op.

Formaten en limieten

Values / Images → SVG / PNG

Alles wordt in deze browser verwerkt. Bestandsformaten en beschikbaar geheugen kunnen het resultaat beperken.

Kleuren worden op positie gesorteerd, van 0–100%.

Kleurverloop Gebruiksaanwijzing

Werkwijze

Stel kleuren en procentuele posities in.
Kies richting, voeg kleuren toe of verwijder ze en bekijk het voorbeeld.
Kopieer CSS of sla op als SVG/PNG.

Voorbeeld

Invoer / instellingen

90° · #235c47 0% → #f6f7f3 100%

Resultaat / controle

Verloop links→rechts · CSS/SVG/PNG