Ontwerp
CSS-gradiëntgenerator
Maak direct mooie CSS-gradiënten. Kopieer de code met één klik.
Invoer
Stel het gradienttype, de kleuren, de hoek en presets in.
135°
Voorinstellingen
Gebruik presets als startpunt en verfijn daarna kleuren en hoek.
Uitvoer
background: linear-gradient(135deg, #6366f1, #ec4899);Veelgestelde vragen
Wat levert CSS-gradiëntgenerator op?
Klaar-voor-gebruik gradient-CSS code.
Kun je meerdere kleurstops instellen?
Ja, inclusief positie en kleur.
Hoe bewaak je tekstleesbaarheid op gradients?
Houd voldoende contrast en eenvoudige overgangen.