Verloopgenerator

Maak een lineair CSS-verloop met twee kleuren en een hoek en kopieer de code.

Angle90°

background: linear-gradient(90deg, #3b82f6, #ec4899);

Over deze tool

Verloopgenerator is een gratis online Ontwerp-tool. Het werkt direct in je browser zonder registratie en je invoer wordt nooit naar een server geüpload.

Volledig gratis

Alle functies zijn gratis, zonder registratie.

100% in je browser

Bestanden en invoer verlaten nooit je apparaat.

Direct

Gebruik het meteen, niets te installeren.

Hoe te gebruiken

1Voer je waarden in of kies een bestand.
2Pas de opties aan indien nodig.
3Bekijk het resultaat en kopieer of download het.

Veelgestelde vragen

Is Verloopgenerator gratis?

Ja. Verloopgenerator en alle tools op choalabs zijn gratis en zonder account.

Uploadt Verloopgenerator mijn gegevens naar een server?

Nee. Alle verwerking gebeurt in je browser, dus je bestanden en invoer worden nooit verzonden.

Kan ik Verloopgenerator op mobiel gebruiken?

Ja, het werkt in elke moderne browser op telefoons, tablets en desktops.

Moet ik iets installeren om Verloopgenerator te gebruiken?

Nee. Je hebt alleen een webbrowser nodig, er is niets te installeren.

Meer tools in deze categorie

Kleurkiezer

Kies een kleur en krijg direct de HEX-, RGB- en HSL-codes om te kopiëren.

Paletgenerator

Bouw analoge, complementaire, triadische en monochrome paletten vanuit een basiskleur.

Kleurenblindheidssimulator

Simuleer hoe een kleur eruitziet bij protanopie, deuteranopie en tritanopie.

Complementaire kleur

Vind de complementaire kleur plus split-complementaire, triadische en analoge kleuren.

Tinten en schakeringen

Genereer helderheids- en verzadigingsschalen vanuit een basiskleur.

Kleurmenger

Meng twee kleuren in elke verhouding voor de tussenkleur.

Tailwind- & Material-kleuren

Blader door de kleurpaletten van Tailwind CSS en Material Design en kopieer elke HEX met een klik.

Willekeurige kleur

Genereer willekeurige kleuren en kopieer hun HEX met één klik.

CSS-eenheden omrekenen

Reken px, rem en em om op basis van je root-lettergrootte.