Online generator voor lineaire gradiëntafbeeldingen

Werking en mogelijkheden

Deze tool genereert een lineaire gradiëntafbeelding. De gradiënt begint bij coördinaat (0,0) van het canvas en loopt naar een eindpunt dat wordt berekend op basis van de richting (hoek) en schaal. Bij een hoek van 135 graden en 100% schaal op een canvas van 1200×630 is het eindpunt ongeveer (-848,53, 445,48). Bij een hoek van 0 graden loopt de gradiënt van (0,0) naar (1200,0).

Voorbeeld

Stel u wilt een afbeelding voor een sociale media-post. Kies kleuren #3B82F6 en #EC4899, formaat 1200×630, richting 135 graden en schaal 100%. Na het genereren krijgt u een PNG met een vloeiende overgang van blauw naar roze, diagonaal van linksboven naar rechtsonder.

Beperkingen

De afmetingen zijn beperkt tot 1 tot 10.000 pixels per zijde en maximaal 24 miljoen outputpixels. Bij grote afmetingen wordt de afbeelding proportioneel verkleind. De schaal is beperkt tot 1-500% en de hoek tot -360 tot 360 graden. Er zijn geen extra kleurstops, herhalingsmodus, kleurruimte-selector of andere opties.

Veelgestelde vragen

Hoe werkt de richting bij een hoek van 0 graden?

Bij 0 graden loopt de gradiënt horizontaal van links naar rechts, van (0,0) naar (breedte,0).

Wat gebeurt er als ik de schaal op 200% zet?

De vectorlengte wordt gehalveerd, waardoor de overgang eerder het eindpunt bereikt. Het overige gebied wordt opgevuld met de eindkleur; de gradiënt wordt niet herhaald.

Hoe stel ik transparantie in?

Schakel de optie 'Transparantie' in. U kunt dan per kleur een transparantiepercentage instellen. 25% transparantie geeft bijvoorbeeld een alpha van 0,75 en 100% geeft alpha 0.

Controlelijst

• Kies twee kleuren.
• Stel de canvasgrootte in.
• Bepaal de richting en schaal.
• Optioneel: transparantie inschakelen.
• Genereer en download de PNG.