Online generator til lineære gradientbilleder

Fleksibel gradientgenerator med præcis kontrol

Denne generator giver dig mulighed for at skabe lineære gradientbilleder med præcis kontrol over farver, størrelse, retning og skala. Du kan bruge den til at lave baggrunde, sociale medie-billeder eller andet grafikindhold direkte i browseren – uden at uploade filer.

Forstå retning og skala

Gradienten starter altid ved koordinat (0,0) i øverste venstre hjørne. Slutpunktet beregnes som (bredde × cos(vinkel) / skala, højde × sin(vinkel) / skala). For eksempel med standardindstillingerne (1200 × 630 px, 135 grader, 100 % skala) bliver slutpunktet cirka (-848,53, 445,48). Ved 0 grader løber gradienten vandret fra venstre mod højre. Hvis du øger skalaen til 200 %, halveres vektorens længde, så farveskiftet sker hurtigere, og resten af billedet får slutfarven – gradienten gentages ikke.

Gennemsigtighed og farvestop

Når gennemsigtighed er aktiveret, kan du indstille en procentdel for hver farve. 25 % gennemsigtighed giver en alfa-værdi på 0,75, og 100 % giver alfa 0. Værktøjet opretter præcis to farvestop ved position 0 og 1 – der er ingen ekstra stop, gentagelsestilstand, farverumsvælger, dithering eller mulighed for at uploade billeder.

Praktisk tjekliste til brug

• Vælg to kontrastfyldte farver for at sikre læsbar tekst, hvis du bruger billedet som baggrund.
• Overvej det tilsigtede format (fx 1200 × 630 til sociale medier) og juster størrelsen derefter.
• Test forskellige vinkler for at få den ønskede retning – husk at positiv y går nedad.
• Brug skalaen til at kontrollere, hvor hurtigt farveskiftet sker.
• Aktivér gennemsigtighed, hvis du vil have billedet til at blande sig med en baggrund.
• Store dimensioner reduceres automatisk for at overholde pixelbudgettet – tjek altid resultatet.

Ofte stillede spørgsmål

Hvordan beregnes gradientens retning?

Retningen følger lærredets koordinatsystem, hvor vinklen måles fra den positive x-akse (mod højre) og positiv y går nedad. For eksempel giver 135 grader en diagonal fra øverst venstre mod nederst højre, men på grund af koordinatsystemet bliver slutpunktet faktisk (-848,53, 445,48) ved standardstørrelsen.

Hvad sker der, hvis jeg indstiller skalaen til over 100 %?

Skalaen forkorter gradientvektoren. Ved 200 % skala er vektorens længde halveret, så farveskiftet når slutpunktet tidligere. Resten af billedet udfyldes med slutfarven – gradienten gentages ikke.

Kan jeg lave et billede med gennemsigtige områder?

Ja, du kan aktivere gennemsigtighed og angive en procentdel for hver farve. 100 % gennemsigtighed gør farven helt usynlig (alfa 0). Bemærk, at der kun er to farvestop, så gennemsigtigheden varierer lineært mellem de to punkter.