Online generator voor radiale gradiëntafbeeldingen

Werking en mogelijkheden

Deze tool genereert een afbeelding met een radiaal verloop: concentrische cirkels vanuit het opgegeven middelpunt. De binnenste cirkel (straal 0) heeft de middenkleur, de buitenste cirkel (straal afhankelijk van de diagonaal en schaal) heeft de randkleur. Tussenliggende pixels worden geïnterpoleerd.

Voorbeeld

Stel breedte 1200 px en hoogte 630 px in, middelpunt op 50%, 50% en schaal 100%. De buitenste straal is dan ongeveer 677,66 px, waardoor de cirkel precies de hoeken bereikt. Als u de schaal op 200% zet, halveert de straal naar ongeveer 338,83 px en blijven de hoeken de randkleur houden (buiten de cirkel wordt de randkleur gebruikt, niet herhaald).

Instellingen en beperkingen

• Middelpunt: percentages 0–100, zowel horizontaal als verticaal. 0%,0% plaatst het middelpunt linksboven.
• Schaal: 1–500%. Hogere schaal verkleint de cirkel.
• Afmetingen: 1–10000 px per zijde, totaal maximaal 24 miljoen pixels. Bij overschrijding worden de afmetingen proportioneel verkleind.
• Transparantie: indien ingeschakeld wordt elk percentage omgezet naar alpha (1 - percentage/100). Bij 25% wordt alpha 0,75.
• Er is geen elliptische modus, extra kleurstops, focus-offset, textuur of uploadmogelijkheid.

Veelgestelde vragen

Waarom bereikt het verloop niet de hoeken als ik het middelpunt verplaats?

De buitenste straal wordt berekend op basis van de diagonaal van de afbeelding en de schaal, maar wordt niet vergroot wanneer u het middelpunt naar een hoek verplaatst. Bij een middelpunt op 0%,0% ligt de oorsprong linksboven en blijft de straal gelijk, waardoor de rechteronderhoek mogelijk buiten de cirkel valt.

Wat gebeurt er als ik een transparantie van 100% instel?

Een transparantie van 100% wordt omgezet naar alpha 0, dus dat eindpunt wordt volledig transparant. De PNG ondersteunt alpha, dus de transparantie blijft behouden in het gedownloade bestand.

Kan ik een afbeelding uploaden als basis?

Nee, deze tool genereert alleen een gradiënt op een leeg canvas. Er is geen optie om een afbeelding te uploaden of een textuur toe te voegen.