De fleste gradientværktøjer giver dig kun en linje CSS. Dette værktøj tegner gradienten på et rigtigt canvas og lader dig downloade det færdige PNG-billede i den præcise pixelstørrelse, du har brug for - et telefon-wallpaper, en 1920x1080 skrivebordsbaggrund, et kvadratisk opslag eller en tilpasset størrelse. Intet uploades: billedet tegnes og gemmes helt på din egen enhed, så dine farver og filer forbliver private.
Gratis Gradient Generator
Kører helt i din browser - ingen upload, ingen tilmelding.
Type
Billedstørrelse
px
Farvestop
Gemmer en rigtig PNG i 1920×1080 px
Hvad er en gradient generator?
En gradient generator er et værktøj, der blander to eller flere farver til en blød farveovergang og eksporterer den som et billede, du kan downloade. Vælg dine farver og stop, vælg lineær eller radial, indstil størrelsen, og gem en PNG til et wallpaper, en baggrund, et banner eller en miniature. Det hele kører i din browser.
Sådan gør du
- 1Vælg lineær eller radial. Lineær blander farver langs en lige linje i den vinkel, du indstiller; radial spreder dem udad fra midten som en cirkel.
- 2Indstil dine farver og stop. Klik på en farveprøve for at vælge en farve, og træk i skyderen for at flytte stoppet. Tilføj op til 8 stop eller fjern ned til 2, og tryk på Tilfældig for en hurtig ide.
- 3Vælg billedstørrelse. Tryk på en forudindstilling (computer, telefon, kvadrat, social) eller indtast en tilpasset bredde og højde i pixels. Forhåndsvisningen opdateres live.
- 4Download PNG-billedet. Klik på Download PNG for at gemme gradienten som et billede i fuld opløsning, eller kopiér CSS'en for at genbruge den samme gradient i kode.
Hvem er det til
- Designere og indholdsskabere, der har brug for en ren gradientbaggrund til et slide, en miniature, et banner eller en story uden at åbne Photoshop.
- Telefon- og computerbrugere, der laver et tilpasset gradient-wallpaper i præcis skærmens opløsning.
- Udviklere, der ønsker et let gradient-PNG som pladsholder eller hero-billede, plus den tilhørende CSS til at genskabe det i kode.
- Social media-ansvarlige, der eksporterer brandtilpassede gradientbaggrunde i den rigtige størrelse til opslag, stories og coverbilleder.
Ofte stillede spørgsmål
Er denne gradient generator gratis?
Ja - 100% gratis, ingen tilmelding, ingen vandmærker og ingen begrænsninger. Lav og download så mange gradientbilleder, du vil.
Bliver noget uploadet til en server?
Nej. Gradienten tegnes og gemmes helt i din browser ved hjælp af canvas. Ingen farver, billeder eller brugsdata sendes nogen steder hen.
Hvilket billedformat eksporterer den til?
Den eksporterer en PNG, som holder gradienten perfekt blød og tabsfri uden kompressionsartefakter. Filen gemmes i den fulde pixelstørrelse, du indstiller, klar til brug som wallpaper, baggrund eller upload.
Hvilken størrelse skal jeg vælge til et gradient-wallpaper?
Match din skærm. Almindelige valg er 1920x1080 til de fleste computere, 1080x1920 til en telefon i portrætformat og 1080x1080 til et kvadratisk social opslag. Du kan også indtaste enhver tilpasset bredde og højde op til 8000 pixels.
Hvad er forskellen på en lineær og en radial gradient?
En lineær gradient blander farver langs en lige linje i en vinkel, du vælger, så farven skifter hen over billedet. En radial gradient starter fra et centrum og spreder sig udad i en cirkel, så farven ændrer sig fra midten mod kanterne.
Kan jeg få CSS'en sammen med billedet?
Ja. Ud over det downloadbare PNG-billede viser værktøjet den tilhørende background-image CSS. Kopiér den for at genskabe helt den samme gradient på en hjemmeside eller i en app i stedet for at bruge billedfilen.
Hvordan fungerer farvestop?
Hvert stop parrer en farve med en position fra 0% til 100% langs gradienten. Overgangen forløber blødt mellem naboliggende stop. Placerer du to stop på samme position, opstår en skarp kant i stedet for en overgang, hvilket er praktisk til striber eller farveblok-baggrunde.