Verloopgenerator

Gratis online CSS-verloopgenerator. Lineair en radiaal, pas richting, kleuren, stoppunten aan. Code kopiëren. Verwerkt in browser.

Gratis online CSS-gradiëntgenerator. Ontwerp lineaire, radiale en conische gradiënten visueel en kopieer direct de CSS-code. Alle verwerking in je browser - geen communicatie met een server. Perfect voor webdesign-achtergronden, knoppen en UI-elementen.

Type
Hoek
90°
Kleuren
0%
100%
CSS-code
background: linear-gradient(90deg, #2563eb 0%, #7c3aed 100%);
lock Bestanden worden niet naar een server verzonden

Hoe gebruik je Verloopgenerator?

  1. Selecteer het gradiënttype (lineair, radiaal enzovoort).
  2. Voeg kleurstops toe en stel de kleuren in.
  3. Kopieer de gegenereerde CSS-code.

Veelgestelde vragen over Verloopgenerator

Welke gradiënttypen worden ondersteund?

Lineaire, radiale en conische gradiënten worden ondersteund.

Kan ik de CSS-code rechtstreeks kopiëren?

Ja, kopieer de gegenereerde CSS-gradiëntcode met één klik om die rechtstreeks op je website toe te passen.

Gerelateerde tools

Kleurkiezer

Selecteer, converteer en kopieer kleuren in HEX, RGB, HSL, OKLCH formaten. Sla paletten op. Gratis.

Kleurcodeconverter

Gratis online kleurcodeconverter. Realtime conversie tussen HEX, RGB, HSL, CMYK met voorbeeld. Verwerkt in browser.

Kleurenpaletgenerator

Gratis online kleurenpaletgenerator. Automatisch harmonische kleuren genereren: complementair, analoog, triadisch. Verwerkt in browser.

Willekeurige kleur

Gratis online willekeurige kleurgenerator. Eén klik voor willekeurige kleur, direct HEX/RGB-code kopiëren. Verwerkt in browser.