Geanimeerd Verloop
Maak geanimeerde verloopachtergronden met CSS. Gebruik Geanimeerd Verloop gratis online zonder registratie, met snelle resultaten en veilige verwerking in de browser.
Preview
Settings
CSS Code
@keyframes gradient-shift {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.animated-gradient {
linear-gradient(-45deg, #667eea, #764ba2, #f093fb);
animation: gradient-shift 5s ease infinite;
background-size: 400% 400%;
}Geanimeerd Verloop helpt je direct in de browser met kleuren te werken.
De tool is gemaakt voor ontwerpers, ontwikkelaars en makers die snelle en betrouwbare resultaten nodig hebben.
Supported formats
How it works
Step 1
Open Geanimeerd Verloop
Step 2
Voer kleuren in of importeer ze
Step 3
Kopieer, exporteer of hergebruik het resultaat
Veelgemaakte fouten om te vermijden
- Contrast niet controleren kan de leesbaarheid schaden.
- Te veel kleuren maken een palet moeilijker toepasbaar.
Pro-tips
- Bewaar hoofdkleuren als CSS-variabelen.
- Test je palet in lichte en donkere modus voordat je publiceert.
Privacy guaranteed: everything is processed locally in your browser.
Waar mogelijk gebeurt de verwerking lokaal in je browser. Geen account nodig.
Geanimeerd Verloop voor je kleurprojecten
Maak geanimeerde verloopachtergronden met CSS.
Geanimeerd Verloop zonder precisieverlies
Conversies werken met exacte waarden (HEX, RGB, HSL, OKLCH). Geen visuele benadering — je krijgt de kleur trouw aan je ontwerpbedoeling.
Geanimeerd Verloop gratis online
Geen registratie, geen software-download nodig. Geanimeerd Verloop is 100% gratis en werkt in elke browser. Het gratis plan omvat 10 keer gebruik per dag.
Geanimeerd Verloop snel en veilig
De verwerking gebeurt direct in je browser voor maximale snelheid. Geen data naar onze servers — je kleuren blijven privé op je apparaat.
Geanimeerd Verloop voor delen en samenwerken
Exporteer resultaten als HEX, RGB, HSL, CSS, JSON of kopieer ze met één klik. Perfect voor het delen van een kleurengids met je team.
Ontdek al onze kleurtools
Extraheer, converteer, genereer paletten, gradiënten en WCAG-contrasten in een paar klikken.
Related tools
Handleidingen en tutorials
Leer hoe je onze tools gebruikt met onze gedetailleerde gidsen.
animated-gradient: praktische gids voor gradients
Gelokaliseerde gids voor animated-gradient, best practices voor gradients en veelgemaakte fouten.
animated-gradient: praktische gids voor gradients
Gelokaliseerde gids voor animated-gradient, best practices voor gradients en veelgemaakte fouten.
animated-gradient: praktische gids voor gradients
Gelokaliseerde gids voor animated-gradient, best practices voor gradients en veelgemaakte fouten.