Marknaden
Priser
Logga inKom igång
FältguidenGradienter
Gradienter

Gradient i Canva: vad du kan göra och var det tar stopp

Canva gör en gradient på två minuter enkel. Så får du en bra, vilka färgkoder du kan klistra in och de ärliga begränsningarna som är värda att känna till innan du bygger ett helt varumärke på den.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Gale Tempo · GR·N87M·VB

Kortversionen

  • Färgpanelen i Canva erbjuder färdiga gradienter och ett eget gradientalternativ som kan fylla en sidas bakgrund eller många former.
  • Med en anpassad gradient i Canva kan du ange färgerna med hexkod och välja en linjär riktning eller radiell stil.
  • En gradientform med sänkt genomskinlighet över ett foto är det enklaste sättet att göra ett gradientöverlägg i Canva.
  • Gradienter i Canva är platta färgövergångar, så korn, textur och mjukt ljus måste läggas till med separata element.
  • Färdiga gradienter och biblioteksgrafik delas av alla Canva-användare, vilket gör dem bekväma men inte särpräglade.
På den här sidan
Så gör du en egen gradient i CanvaGradientfärgkoder att klistra in i CanvaGradienter på foton och som överläggDär gradienter i Canva tar stoppNär en Mark hjälper

För att göra en gradient i Canva markerar du sidans bakgrund eller en form, öppnar färgpanelen och väljer antingen en av de färdiga gradienterna eller lägger till en ny färg och byter den till en gradient. Du kan skriva in exakta hexkoder för varje färg och välja en rak riktning eller en radiell stil. Det räcker bra för de flesta snabba bakgrunder. Där det tar stopp är textur, ljus och exklusivitet: en gradientfyllning är en platt övergång som alla användare kan göra, så en look som ska kännas som din kräver mer än fyllningen.

Canva uppdaterar sin redigerare ofta, så menynamn kan skifta något. Stegen nedan beskriver den allmänna vägen, som har varit densamma.

Så gör du en egen gradient i Canva

  1. 1

    Markera det som ska fyllas

    Klicka på en tom del av sidan för att markera bakgrunden, eller klicka på en form från Element. Foton går en annan väg, som beskrivs nedan.

  2. 2

    Öppna färgpanelen

    Klicka på färgrutan i verktygsfältet högst upp. De färdiga gradienterna ligger tillsammans med standardfärgerna.

  3. 3

    Skapa din egen

    Lägg till en ny färg och byt sedan från enfärgad till gradient. Klicka på varje färg i gradienten och klistra in en hexkod i stället för att dra runt i färgväljaren.

  4. 4

    Välj stil

    Välj en linjär riktning för en svepning över designen, eller radiell för en pöl av färg som tonar ut. En radiell mitt passar en produkt eller ett enda ord.

  5. 5

    Återanvänd den

    När gradienten är applicerad dyker den oftast upp bland dokumentets färger, så du kan lägga den på andra sidor och former utan att bygga om den.

Gradientfärgkoder att klistra in i Canva

Det snabbaste sättet till en bättre gradient är bättre färgkoder. Par som ligger nära varandra på färghjulet blandas rent, och motsatta färger blir grå i mitten, problemet som beskrivs i leriga gradienter. Varje par nedan använder två besläktade färger med en tydlig skillnad i ljushet, vilket ger djup utan lera.

Sex gradienter med två färger och deras hexkoder. Klistra in den första koden som startfärg och den andra som slutfärg. Fler par finns i gradienter med två färger.

Gradienter på foton och som överlägg

För att färga ett foto lägger du en kvadrat från Element över det, drar ut den så att den täcker bilden, ger den en gradientfyllning och sänker sedan genomskinligheten så att fotot lyser igenom. En gradient som går från en mörk färg längst ner till helt klar högst upp är det klassiska sättet att skapa plats för en rubrik över en rörig bild. För en starkare färgbehandling har Canvas fotoredigering en duotoneeffekt, som mappar bildens toner till två färger. Duotoneeffekten förklarar när den fungerar.

En gradient över hela sidan

Väg i Canva

Bakgrundsfärg, sedan en gradient

Se upp med

Bandning i mörka övergångar efter export
En gradientform eller klump

Väg i Canva

Form från Element, sedan en gradientfyllning

Se upp med

Hårda kanter ser platta ut, mjuka upp med oskärpeelement
En färgton över ett foto

Väg i Canva

Gradientform ovanpå, genomskinligheten sänkt

Se upp med

Ansikten som får en konstig färg
Ett tvåfärgat foto

Väg i Canva

Fotoredigering, duotoneeffekt

Se upp med

Par med låg kontrast som plattar till detaljer
En färdig look

Väg i Canva

Sök efter gradient i Element

Se upp med

Andra som använder samma grafik
Vad du vill haVäg i CanvaSe upp med
En gradient över hela sidanBakgrundsfärg, sedan en gradientBandning i mörka övergångar efter export
En gradientform eller klumpForm från Element, sedan en gradientfyllningHårda kanter ser platta ut, mjuka upp med oskärpeelement
En färgton över ett fotoGradientform ovanpå, genomskinligheten sänktAnsikten som får en konstig färg
Ett tvåfärgat fotoFotoredigering, duotoneeffektPar med låg kontrast som plattar till detaljer
En färdig lookSök efter gradient i ElementAndra som använder samma grafik
Fem vanliga gradientjobb i Canva, det vanliga sättet att göra vart och ett, och det som oftast går fel.

Där gradienter i Canva tar stopp

Ingen av de här begränsningarna gör Canva till ett dåligt verktyg. De kommer av vad en gradientfyllning är: en jämn, platt övergång mellan färger du väljer. Canvas styrka är bredden, med presentationer, dokument, video och tryck på ett ställe, och för en snabb grafik till sociala medier räcker gradienterna gott.

Vad en gradient i Canva gör bra

  • En ren bakgrund med ett par klick
  • Exakta färger med hexkod
  • Linjära och radiella stilar
  • Enkel återanvändning i ett dokument
  • Former och överlägg på foton

Vad den lämnar åt dig

  • Korn, papper eller glans på ytan
  • Ljus som kommer från någonstans
  • Att hålla orden läsbara där färgen blir ljus
  • Att placera ljuset på nytt för varje ny storlek
  • En look som inget annat konto kan använda

Textur kan du fejka med en kornbild som läggs ovanpå med låg genomskinlighet, och kornig gradient beskriver effekten du siktar på. Läsbarheten sköter du för hand, genom att flytta texten eller det ljusa området tills de slutar kämpa mot varandra. Det sista är svårast. Färdiga gradienter och biblioteksgrafik finns av design för alla, vilket är en del av varför alla flöden ser likadana ut.

När en Mark hjälper

En Mark från Gradiently är en färdig bakgrund av gradient och material: färger, upp till tre staplade material, ljus, korn och rörelse, med exakt en ägare åt gången. Vem som helst kan designa med en Mark som ingen har säkrat, gratis. Två skillnader spelar roll för luckorna ovan. Marken vet var orden finns, så dess lugnaste område flyttar sig bakom din text och Auto-bläck väljer ljus eller mörk text rad för rad. Och när du säkrar den kan bara du exportera med den, så looken som folk lär sig känna igen förblir din.

Den här veckan
Ny säsong, ny meny.
Öppet från 8, tisdag till söndag
Gradiently · @gradiently

Med responsen av kan den ljusaste färgen hamna bakom rubriken, precis som med vilken platt gradient som helst.

Den här veckan
Ny säsong, ny meny.
Öppet från 8, tisdag till söndag
Gradiently · @gradiently

Med den på lugnar sig Marken bakom orden och färgen anpassas, utan ruta eller skugga.

Du kan gott använda båda: Canva för dokument och presentationer, Gradiently för signaturbakgrunderna. Hela jämförelsen finns i Gradiently mot Canva.

Hitta en gradient som bara är din

Bläddra bland tusentals Marks, designa med vilken som helst av dem utan kostnad och säkra den som känns som du.

Utforska Marknaden

Vanliga frågor

Hur gör jag en gradientbakgrund i Canva?

Klicka på sidans bakgrund, öppna färgpanelen och välj en färdig gradient, eller lägg till en ny färg och byt den till en gradient med dina egna hexkoder.

Kan jag använda mina egna färger i en gradient i Canva?

Ja. I en anpassad gradient kan du ange varje färg genom att klistra in dess hexkod.

Hur lägger jag en gradient över ett foto i Canva?

Lägg en form över fotot, ge den en gradientfyllning och sänk dess genomskinlighet så att bilden lyser igenom.

Kan jag lägga till korn i en gradient i Canva?

Inte i själva fyllningen. Lägg en bild med korn eller brus över gradienten och sänk dess genomskinlighet.

Vilka färger ger en bra gradient i Canva?

Två besläktade färger med tydlig skillnad i ljushet, som indigo #1e1b4b till violett #8b5cf6, blandas rent utan att bli grå.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Så gör du en egen gradient i CanvaGradientfärgkoder att klistra in i CanvaGradienter på foton och som överläggDär gradienter i Canva tar stoppNär en Mark hjälper

Dela den här guiden

Nästa i Gradienter

Så bygger du en gradientpalett för ett varumärke

Läs vidare

Alla guider om Gradienter
Använda Gradiently

Gradiently mot Canva: ett alternativ byggt kring en look du äger

6 minuters läsning

Canva är en bred designsvit för nästan vad som helst. Gradiently är ett smalare verktyg byggt kring en idé: en levande bakgrund som är din och ingen annans. Här är en ärlig titt på när var och en passar.

Gradienter

Tvåfärgsgradienter: 30 par som alltid fungerar

5 minuters läsning

Två färger, en riktning, inget som kan gå fel. Nästan. Här är de två regler som avgör om ett par fungerar, och trettio par som klarar båda, redo att kopiera.

Gradienter

Gradienttäckning: tona foton utan att dölja dem

5 minuters läsning

En bra täckning ändrar fotots stämning och ger dina ord något att stå på, medan bilden fortfarande skiner igenom. En dålig gör varje bild till samma grumliga rektangel. Så skiljer du dem åt.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently