Verloopgenerator
Bouw lineaire, radiale en conische CSS-verlopen van nul af met versleepbare multi-stop bediening en samengestelde presets. Kopieer direct klaar-voor-gebruik CSS.
background: —;
Alles wordt live in je browser berekend — geen aanmelding, volledig gratis.
Over Verloopgenerator
De Gradiënt Generator bouwt aangepaste CSS-gradiënten vanaf nul. Kies een lineair, radiaal of conisch type, stel de hoek in, en vorm de mix met een editor met meerdere stops: sleep grepen om stops te verplaatsen, klik op de balk om nieuwe toe te voegen, en herkleur elke stop met een kiezer: de live preview wordt bijgewerkt terwijl je werkt.
Uitgewerkte presets geven je een sterk startpunt wanneer je niet vanaf een leeg canvas wilt beginnen, en klikacties (willekeurig, omkeren, 45° draaien) maken verkennen snel. De gegenereerde CSS is altijd zichtbaar en blijft synchroon met de preview, dus wat je kopieert is precies wat je zag.
Alles wordt live in je browser berekend, zonder kosten. Kopieer de volledige CSS-regel of alleen de achtergrondwaarde en plak deze in een stylesheet, een knopstijl of een hero-sectie: een eenvoudige CSS-gradiëntgenerator voor achtergronden, overlays en UI-accenten.
Hoe gebruik je Verloopgenerator
- Kies een gradiënttype: lineair, radiaal of conisch.
- Begin bij een preset of klik op "Willekeurig" voor een direct startpunt.
- Sleep de stopgrepen om kleuren te positioneren, klik op de balk om stops toe te voegen, en bewerk de kleur van elke stop.
- Pas de hoek aan, of gebruik "Omkeren" en "45° draaien" om de mix opnieuw te richten.
- Kopieer de CSS-regel of de achtergrondwaarde en plak deze in je project.