SVG-verloopgenerator

Lineaire of radiale SVG-verlopen met meerdere stops—vectorachtergronden in seconden downloaden.

Werkruimte

°
px
px
Tip: u kunt breedte en hoogte ook altijd aanpassen in de gedownloade SVG-code.
%
%
Verloopvoorinstellingen (klik om toe te passen):

Resultaat

Other tools you may like

Maak SVG-verlopen voor web en design: lineair of radiaal met meerdere kleurenstoppen, hoek en afmetingen.

Alles gebeurt in uw browser; er worden geen bestanden geüpload.

Uitleg nodig? Lees onze tutorial: SVG-verloopachtergronden maken

Hoe te gebruiken?

  • Kies een lineair of radiaal verloop.
  • In lineaire modus de richting met de hoek aanpassen.
  • Kleurstoppen toevoegen of verwijderen.
  • Het percentage van elke stop instellen.
  • Uitvoerbreedte en -hoogte instellen.
  • Het gegenereerde SVG-bestand downloaden.

Opmerkingen:

  • SVG is vectorgebaseerd en schaalt zonder kwaliteitsverlies.
  • De gedownloade SVG is te gebruiken op webpagina’s en in ontwerptools.
  • Er zijn minimaal twee kleurstoppen nodig.
  • Maximale uitvoergrootte: 5000px × 5000px.