CSS Gradient Generator
Maak lineaire, radiale en conische CSS-gradiënten met live preview. Pas hoeken, kleuren en posities aan. Gratis, 100% in je browser.
Type
90°
Kleurstops
CSS-uitvoer
Referentie
Over CSS-gradiënten
CSS-gradiënten maken vloeiende overgangen tussen twee of meer kleuren mogelijk. Ze kunnen worden gebruikt als achtergronden, overlays en decoratieve effecten zonder afbeeldingen.
Gradienttypen
linear-gradient — overgang langs een rechte lijn. radial-gradient — overgang vanuit een centraal punt naar buiten. conic-gradient — overgang rondom een centraal punt.
Kleurstops
Kleurstops bepalen de kleuren en hun posities in het gradient. Voeg meerdere stops toe om complexe kleurovergangen te maken.
Privacy
Alle verwerking draait 100% in je browser. Er worden nooit gegevens naar een server verzonden.