Verloopgenerator vanuit afbeelding
Haal een prachtig verloop uit een foto — zet een afbeelding neer, kies een stemming en de dominante kleuren worden versleepbare verloopstops. Kopieer direct klaar-voor-gebruik CSS.
Sleep een afbeelding hiernaartoe
of klik om te bladeren — je kunt ook vanuit je klembord plakken
Alles draait in je browser — je afbeelding wordt nooit geüpload, geen aanmelding, volledig gratis.
background: —;
Over Verloopgenerator vanuit afbeelding
De Gradiënt Generator vanuit Afbeelding verandert elke foto in een direct bruikbare CSS-gradiënt. Sleep, blader of plak een afbeelding en de tool leest deze op een canvas, extraheert de dominante kleuren en legt ze neer als gradiëntstops die je kunt slepen, herkleuren en herschikken totdat de mix de sfeer van het origineel benadert.
Een sfeerkiezer (Kleurrijk, Helder, Gedempt, Diep of Donker) verandert welke geëxtraheerde kleuren stops worden, zodat één foto meerdere heel verschillende gradiënten kan opleveren. Je bepaalt het gradiënttype (lineair, radiaal of conisch), de hoek, en de stops zelf: klik op de balk om er een toe te voegen, sleep om te verplaatsen, omkeren of roteren met één klik.
Het hele proces draait in je browser; je afbeelding wordt nooit naar een server geüpload. Als de preview er goed uitziet, kopieer je de complete CSS-regel, alleen de achtergrondwaarde, of de geëxtraheerde kleuren op zich, ideaal voor hero-secties, paginaachtergronden en merkvisuals afgeleid van fotografie.
Hoe gebruik je Verloopgenerator vanuit afbeelding
- Sleep een afbeelding, klik om te bladeren, of plak er een vanaf je klembord.
- Kies een sfeer (Kleurrijk, Helder, Gedempt, Diep of Donker) om te bepalen welke geëxtraheerde kleuren stops worden.
- Selecteer het gradiënttype (lineair, radiaal of conisch) en pas de hoek aan.
- Sleep de kleurstops om de mix fijn af te stemmen; voeg stops toe, verwijder ze, keer ze om of herschik ze naar wens.
- Klik op "CSS kopiëren" om de kant-en-klare gradiëntcode te pakken.