Verloopgenerator

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

Free online CSS gradient generator. Visually design linear, radial, and conic gradients, then copy the CSS code instantly. All processing in your browser — no server communication. Perfect for web design backgrounds, buttons, and UI elements.

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. Select gradient type (linear, radial, etc.).
  2. Add color stops and set colors.
  3. Copy the generated CSS code.

Veelgestelde vragen over Verloopgenerator

What gradient types are supported?

Linear, radial, and conic gradients are supported.

Can I copy the CSS code directly?

Yes, one-click copy the generated CSS gradient code to apply directly to your website.

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.