Generator til radialt farveforløb

Forståelse af radial gradient og indstillingerne

En radial gradient består af koncentriske cirkler, der starter med centrumfarven i midten og slutter med kantfarven ved den yderste cirkel. I denne generator er de to farvestop faste ved 0 og 1, så der er ingen ekstra stop eller elliptiske tilstande.

Centrum og radius

Centrum angives i procent af billedets bredde og højde. For et 1200 × 630 px lærred med centrum på 50 %, 50 % er centrum præcis i midten (600, 315). Den ydre radius beregnes som sqrt(w² + h²) / (2 × (s / 100)). Med standardindstillingerne (skala 100 %) er radius ca. 677,66 px, hvilket rækker til hjørnerne. Hvis du flytter centrum, forstørres radius ikke automatisk for at nå det fjerneste hjørne – det skal du selv tage højde for.

Skala og gennemsigtighed

Skalaen ændrer radius: ved 200 % halveres radius til ca. 338,83 px. Hvis du aktiverer gennemsigtighed, konverteres procenten til alfa som 1 – (procent/100). F.eks. giver 25 % gennemsigtighed alfa 0,75. Området uden for den yderste cirkel bruger kantfarven (ingen gentagelse).

Eksempel på brug

Forestil dig, at du vil lave et socialt medie-billede med en blå midte og lyserød kant. Du vælger bredde 1200, højde 630, centrum 50 %, 50 % og skala 100 %. Når du genererer, får du et billede, hvor gradienten dækker hele lærredet, og hjørnerne har den lyserøde kantfarve. Hvis du i stedet sætter centrum til 0 %, 0 %, placeres gradientens centrum i øverste venstre hjørne, og hjørnerne modsat får kantfarven.

Begrænsninger

• Kun to farvestop – ingen ekstra farver eller mellemstop.
• Ingen elliptisk tilstand, fokalpunkt-forskydning, tekstur, dithering eller upload af billede.
• Store dimensioner reduceres proportionelt for at overholde pixelbudgettet på 24 millioner pixels.
• Output er altid PNG for at bevare alfa-gennemsigtighed.

Ofte stillede spørgsmål

Hvordan får jeg gradienten til at dække hele billedet, når jeg flytter centrum?

Radius forbliver den samme, uanset hvor centrum er placeret. Hvis du flytter centrum væk fra midten, kan nogle hjørner blive uden for gradientens rækkevidde og dermed få kantfarven. For at sikre fuld dækning skal du mindske skalaen eller holde centrum i midten.

Hvad betyder gennemsigtighedsprocenten?

Procenten angiver, hvor gennemsigtig farven skal være. 0 % er helt uigennemsigtig, 100 % er helt gennemsigtig. Værdien konverteres til alfa: f.eks. 25 % giver alfa 0,75. Bemærk, at gennemsigtigheden varierer mellem endepunkterne; uden for den yderste cirkel bruges kantfarven med dens indstillede alfa.

Kan jeg bruge billedet kommercielt?

Værktøjet genererer selve farveforløbet lokalt, men det vurderer ikke varemærker eller rettigheder i din samlede komposition. Kontrollér selv vilkårene for øvrige elementer, du kombinerer med billedet.

I formlen er w og h de faktiske billedmål og s den indtastede skalaprocent: 100 svarer til faktor 1. Gennemsigtighed 0 % er uigennemsigtig, 100 % helt gennemsigtig. Kantfarvens alfa gælder også uden for cirklen.

r = sqrt(w² + h²) / (2 × (s / 100))