# Gradient i Canva: vad du kan göra och var det tar stopp [Canonical HTML page](https://gradiently.design/sv/guide/canva-gradient) 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. ## The short version - 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. 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. **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. **Öppna färgpanelen** Klicka på färgrutan i verktygsfältet högst upp. De färdiga gradienterna ligger tillsammans med standardfärgerna. 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. **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. **Å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](https://gradiently.design/sv/guide/muddy-gradients). Varje par nedan använder två besläktade färger med en tydlig skillnad i ljushet, vilket ger djup utan lera. - Indigo #1e1b4b till violett #8b5cf6: `linear-gradient(135deg, #1e1b4b 0%, #8b5cf6 100%)` - Turkos #0f766e till mint #99f6e4: `linear-gradient(135deg, #0f766e 0%, #99f6e4 100%)` - Rost #9a3412 till aprikos #fdba74: `linear-gradient(135deg, #9a3412 0%, #fdba74 100%)` - Hallon #be185d till blush #fbcfe8: `linear-gradient(135deg, #be185d 0%, #fbcfe8 100%)` - Djuphav #0c4a6e till himmel #38bdf8: `linear-gradient(135deg, #0c4a6e 0%, #38bdf8 100%)` - Grafit #3f3f46 till sten #e7e5e4: `linear-gradient(135deg, #3f3f46 0%, #e7e5e4 100%)` 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](https://gradiently.design/sv/guide/two-color-gradients). ## 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](https://gradiently.design/sv/guide/duotone-effect) förklarar när den fungerar. | Vad du vill ha | Väg i Canva | Se upp med | | --- | --- | --- | | En gradient över hela sidan | Bakgrundsfärg, sedan en gradient | Bandning i mörka övergångar efter export | | En gradientform eller klump | Form från Element, sedan en gradientfyllning | Hårda kanter ser platta ut, mjuka upp med oskärpeelement | | En färgton över ett foto | Gradientform ovanpå, genomskinligheten sänkt | Ansikten som får en konstig färg | | Ett tvåfärgat foto | Fotoredigering, duotoneeffekt | Par med låg kontrast som plattar till detaljer | | En färdig look | Sök efter gradient i Element | Andra 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](https://gradiently.design/sv/guide/grainy-gradients) 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](https://gradiently.design/sv/guide/why-every-feed-looks-the-same). ## 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. Ett stående kafeinlägg där rubriken korsar den ljusaste delen av gradienten Med responsen av kan den ljusaste färgen hamna bakom rubriken, precis som med vilken platt gradient som helst. Samma kafeinlägg med ett lugnare, djupare område av bakgrunden bakom rubriken 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](https://gradiently.design/sv/guide/gradiently-vs-canva). ## FAQ ### 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å.