Direct naar hoofdinhoud
Jasper Bloem

Gratis tool

CSS Kleurverloop-generator

Bouw een lineair of radiaal kleurverloop met meerdere kleurstops en kopieer direct de CSS-code.

0%
100%

Lineair vs. radiaal verloop

Een lineair verloop loopt in een rechte lijn onder een gekozen hoek, een radiaal verloop straalt vanuit het midden naar buiten. Elke kleurstop heeft een positie tussen 0% en 100% die bepaalt waar die kleur begint te domineren. Voeg extra stops toe voor complexere overgangen.