CSS-verloopgenerator
Maak lineaire en radiale CSS-verlopen. Kies de kleuren op visuele wijze en kopieer de gegenereerde CSS.
background: linear-gradient(135deg, #535beb, #7c3aed);
Wat is de CSS-verloopgenerator?
CSS-verlopen zijn kleurovergangen tussen twee of meer kleuren. Lineaire verlopen lopen in één richting; radiale verlopen stralen uit vanuit één punt. Deze generator dekt de gangbare gevallen; maak complexe verlopen met meerdere kleurstops en aangepaste posities handmatig.
Veelgestelde vragen
Zijn verlopen efficiënt?▼
Kan ik verlopen animeren?▼
Gerelateerde tools
Kleurconverter (HEX/RGB/HSL)
Zet kleuren om tussen de formaten HEX, RGB en HSL. Kies een kleur visueel of voer de waarden handmatig in.
CSS box-shadow-generator
Maak box-shadow-waarden in CSS op een visuele manier. Bekijk een realtime voorvertoning en kopieer de gegenereerde CSS.
Cubic-bezier-versnellingscurvegenerator
Maak cubic-bezier-versnellingscurves voor CSS. Inclusief standaard voorinstellingen.
Kleurpaletgenerator
Genereer harmonieuze kleurpaletten op basis van een willekeurige basiskleur. Ondersteunt complementaire, analoge, triadische en monochromatische schema's.
CSS border-radius-generator
Maak complexe border-radius-waarden in CSS op een visuele manier. Onafhankelijke controle over elke hoek.
CSS clamp()-generator
Genereer vloeiende, responsieve CSS-waarden met clamp(). Schaalt soepel tussen minimum- en maximumformaten over de viewportbereiken heen.