UTILS.
100% in de browser

CSS Gradient Generator

Bouw een lineaire of radiale gradient met live voorbeeld en kopieer de CSS.

Over deze tool

Maak een lineaire of radiale gradient met twee kleuren door kleuren, posities en een hoek te kiezen, en kopieer vervolgens de background-regel. Het live voorbeeld draait volledig in je browser.

Veelgestelde vragen

Wat is de hoek in een lineaire gradient?
De hoek bepaalt de richting van de kleurovergang: 0° wijst naar boven, 90° naar rechts, 180° naar beneden, enzovoort.
Wanneer gebruik ik radiaal in plaats van lineair?
Gebruik radiaal om kleuren vanuit een middelpunt naar buiten te laten stralen (zoals een spotlight); lineair mengt ze langs een rechte lijn.

Meer tools