CSS-kleurverloopgenerator

Maak prachtige CSS gradiënten met live preview en code generatie

Kleur Stops

#ff6b6b
#4ecdc4

Live Preview

CSS Code

background: linear-gradient(45deg, #ff6b6b 0%, #4ecdc4 100%);
Geavanceerde Opties

Geschiedenis

1 / 1
Voorinstellingen
Geschiedenis
1 verlopen

Tips

Lineaire gradiënten maken overgangen tussen kleuren in een rechte lijn. Perfect voor subtiele achtergronden en moderne designs.

CSS-kleurverloopgenerator

Maak prachtige CSS gradiënten met live preview en code generatie

Hoe te gebruiken

  1. Selecteer je gradiënt type (lineair, radiaal of kegel)
  2. Kies de richting of hoek voor je gradiënt
  3. Voeg kleurstops toe door op 'Kleur Toevoegen' te klikken
  4. Pas kleuren aan met de kleurkiezer voor elke stop
  5. Positioneer kleurstops met de schuifbalk (0-100%)
  6. Preview je gradiënt in real-time
  7. Kopieer de gegenereerde CSS code voor je project