Willekeurige Verloopgenerator
Genereer willekeurige CSS-verlopen — lineair, radiaal, conisch. Harmonieuze kleurcombinaties, kopieer kant-en-klare CSS-code.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Geschiedenis
Referentie
Hoe werkt de verloopgenerator?
Deze tool kiest 2-3 kleuren met behulp van harmonische kleurtheorie (analoge, complementaire of triadische verbanden) met HSL-tintrotaties. Willekeurige hoeken of posities worden gekozen met crypto.getRandomValues(). De uitvoer wordt gerenderd als een live voorbeeld naast kant-en-klare CSS-code.
Verlooptypen
- Lineair — kleuren mengen langs een rechte lijn onder een instelbare hoek.
- Radiaal — kleuren stralen naar buiten vanuit een middelpunt.
- Conisch — kleuren draaien rond een midden, als een kleurenwiel.
Veelvoorkomend gebruik
- Heroversies — opvallende achtergronden voor landingspagina's.
- Kaarten & knoppen — moderne UI-accenten met diepte.
- Designinspiratie — ontdek onverwachte kleurcombinaties.
- Wallpapers & banners — genereer unieke visuele middelen.
Privacy
Alle verlopen worden 100% in uw browser gegenereerd. Er worden geen gegevens naar servers gestuurd.