De meeste verloop-tools geven je alleen een regel CSS. Deze tool rendert het verloop naar een echt canvas en laat je de definitieve PNG downloaden op precies het pixelformaat dat je nodig hebt - een telefoonwallpaper, een 1920x1080 desktopachtergrond, een vierkante social post of een aangepaste afmeting. Er wordt niets geüpload: de afbeelding wordt volledig op je eigen apparaat getekend en opgeslagen, zodat je kleuren en bestanden privé blijven.
Gratis Verloopgenerator
Draait volledig in je browser - niets uploaden, geen account.
Type
Afbeeldingsformaat
px
Kleurstops
Slaat een echte PNG op van 1920×1080 px
Wat is een verloopgenerator?
Een verloopgenerator is een tool die twee of meer kleuren mengt tot een vloeiend kleurverloop en dit exporteert als afbeelding die je kunt downloaden. Kies je kleuren en stops, kies lineair of radiaal, stel het formaat in en sla een PNG op voor een wallpaper, achtergrond, banner of thumbnail. Alles draait in je browser.
Zo werkt het
- 1Kies lineair of radiaal. Lineair mengt kleuren langs een rechte lijn onder de hoek die je instelt; radiaal verspreidt ze vanuit het midden als een cirkel.
- 2Stel je kleuren en stops in. Klik op een kleurvlak om een kleur te kiezen en sleep de schuifregelaar om de stop te verplaatsen. Voeg tot 8 stops toe of verwijder tot minimaal 2, en klik op Willekeurig voor een snel idee.
- 3Kies het afbeeldingsformaat. Tik op een preset (desktop, telefoon, vierkant, social) of typ een eigen breedte en hoogte in pixels. De preview werkt live bij.
- 4Download de PNG. Klik op Download PNG om het verloop op volledige resolutie als afbeelding op te slaan, of kopieer de CSS om hetzelfde verloop in code te hergebruiken.
Voor wie
- Ontwerpers en contentmakers die een strakke verloopachtergrond nodig hebben voor een slide, thumbnail, banner of story zonder Photoshop te openen.
- Telefoon- en desktopgebruikers die een aangepaste verloopwallpaper maken op precies de resolutie van hun scherm.
- Developers die een lichte verloop-PNG als placeholder of hero-afbeelding willen, plus de bijbehorende CSS om het in code na te bouwen.
- Social media managers die on-brand verloopachtergronden exporteren op maat van posts, stories en coverfoto's.
Veelgestelde vragen
Is deze verloopgenerator gratis?
Ja - 100% gratis, geen registratie, geen watermerken en geen limieten. Maak en download zoveel verloopafbeeldingen als je wilt.
Wordt er iets naar een server geüpload?
Nee. Het verloop wordt volledig in je browser getekend en opgeslagen met canvas. Er worden geen kleuren, afbeeldingen of gebruiksgegevens ergens naartoe gestuurd.
Welk afbeeldingsformaat exporteert de tool?
De tool exporteert een PNG, die het verloop perfect vloeiend en lossless houdt zonder compressie-artefacten. Het bestand wordt opgeslagen op het volledige pixelformaat dat jij instelt, klaar om te gebruiken als wallpaper, achtergrond of upload.
Welk formaat moet ik kiezen voor een verloopwallpaper?
Laat het aansluiten op je scherm. Gangbare keuzes zijn 1920x1080 voor de meeste desktops, 1080x1920 voor een telefoon in portret, en 1080x1080 voor een vierkante social post. Je kunt ook elke aangepaste breedte en hoogte invoeren tot 8000 pixels.
Wat is het verschil tussen een lineair en radiaal verloop?
Een lineair verloop mengt kleuren langs een rechte lijn onder een hoek die je kiest, waardoor de kleur over de afbeelding verschuift. Een radiaal verloop begint vanuit een middelpunt en verspreidt zich in een cirkel naar buiten, waardoor de kleur verandert van het midden naar de randen.
Kan ik ook de CSS krijgen naast de afbeelding?
Ja. Naast de downloadbare PNG toont de tool de bijbehorende background-image CSS. Kopieer deze om exact hetzelfde verloop na te bouwen in een website of app in plaats van het afbeeldingsbestand te gebruiken.
Hoe werken kleurstops?
Elke stop koppelt een kleur aan een positie van 0% tot 100% langs het verloop. De overgang loopt vloeiend tussen naburige stops. Als je twee stops op dezelfde positie zet, ontstaat een harde rand in plaats van een vervaging, handig voor strepen of blokachtergronden in kleur.