Marknaden
Priser
Logga inKom igång
FältguidenAnvända Gradiently
Använda Gradiently

Duotonfoton i dina varumärkesfärger: monokrom, duoton, slöja

Ojämna foton är det snabbaste sättet att få ett flöde att se lånat ut. Att tona dem i dina egna färger drar arkivbilder, mobilbilder och produktfoton in i en familj.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Fern River · GR·9SGX·F2

Kortversionen

  • Ett duotonfoto ersätter en bilds toner med två färger: en för skuggorna och en för högdagrarna.
  • I Gradiently kan vilket foto som helst tonas som monokrom, duoton eller färgslöja, och duoton och färgslöja hämtar sina färger från designens Mark.
  • Att tona foton i samma färger som bakgrunden får blandade källor, från arkivbilder till mobilbilder, att se ut som en medveten serie.
  • Foton kan också justeras i ljus och färg, avslutas med filter som Film eller Noir och beskäras till valv, cirklar och blobbar.
  • Varje fotojustering förblir redigerbar, så du kan ändra tonen eller byta Mark senare och fotot följer med.
På den här sidan
Så fungerar ett duotonfotoMonokrom, duoton och färgslöja: tre sätt att tonaSå gör du ett duotonfoto i GradientlyFilter, ljus och färg för finishenBeskärningsformer: valv, cirklar och blobbarEn duoton i CSS

Ett duotonfoto byter ut en bilds naturliga färger mot två valda: en mörk färg för skuggorna och en ljus färg för högdagrarna, med varje ton däremellan blandad av paret. Gjort i dina varumärkesfärger förvandlar det vilket fotografi som helst till något som tydligt hör till dig. I Gradiently kan du tona ett foto på tre sätt, monokrom, duoton eller färgslöja, och duoton och färgslöja hämtar sina färger direkt från designens Mark, så att fotot och bakgrunden alltid stämmer överens.

Så fungerar ett duotonfoto

Tänk dig fotot som svartvitt först. Varje pixel har en ljusstyrka från 0 till 100 procent. En duoton målar sedan de mörkaste pixlarna i din skuggfärg, de ljusaste i din högdagerfärg och allt annat på motsvarande punkt längs rampen mellan dem. Resultatet behåller all fotots detalj, men inget av dess ursprungliga färg.

Fyra duotonramper. Skuggorna tar färgen till vänster, högdagrarna färgen till höger, och fotots mellantoner hamnar i mitten.

Knepet som får en duoton att se bra ut i stället för lerig är kontrasten mellan de två ändarna. En mycket mörk skugga och en mycket ljus högdager håller ansikten och produkter läsbara. Två mellantoner ger en platt, grumlig bild. För historien och bredare användning av utseendet, se duotoneffekten.

Monokrom, duoton och färgslöja: tre sätt att tona

Monokrom

Vad den gör

Gör fotot svartvitt

Färger från

Neutrala grå toner

Använd den till

Porträtt, citat, allt allvarligt eller tidlöst
Duoton

Vad den gör

Mappar skuggor och högdagrar till två färger

Färger från

Marken

Använd den till

Djärva inlägg, eventaffischer, teamfoton som inte matchar
Färgslöja

Vad den gör

Lägger Markens färg över fotot och behåller en del av dess egen

Färger från

Marken

Använd den till

Produktbilder och mat, där motivet fortfarande ska se verkligt ut
IngenLämnar fotots färg orörd

Färger från

Fotot

Använd den till

Produktfoton i huvudrollen där korrekt färg spelar roll
TonVad den görFärger frånAnvänd den till
MonokromGör fotot svartvittNeutrala grå tonerPorträtt, citat, allt allvarligt eller tidlöst
DuotonMappar skuggor och högdagrar till två färgerMarkenDjärva inlägg, eventaffischer, teamfoton som inte matchar
FärgslöjaLägger Markens färg över fotot och behåller en del av dess egenMarkenProduktbilder och mat, där motivet fortfarande ska se verkligt ut
IngenLämnar fotots färg orördFototProduktfoton i huvudrollen där korrekt färg spelar roll
Tonalternativen i fotoredigeringen. Duoton och Färgslöja använder färgerna i din Mark, så att byta Mark ger fotot en ny ton.
Bakom disken
Möt teamet.
Fem personer, en mycket bra espressomaskin
Gradiently · @gradiently

Den sortens inlägg en duoton räddar: teamfoton tagna med olika mobiler, dragna in i en serie av Markens färger.

Nytt
NEW
Höstblandningen.
Rostat i tisdags, i butiken från fredag
Gradiently · @gradiently

Ett produktinlägg: där en mild färgslöja binder fotot till bakgrunden men låter kaffet se ut som kaffe.

Så gör du ett duotonfoto i Gradiently

  1. 1

    Lägg till fotot

    Ladda upp eller klistra in ditt eget, eller välj ett av de gratis arkivfotona i Studio.

  2. 2

    Öppna fotoredigeringen

    Markera fotot och öppna dess redigeringspanel, där ljus, färg, filter och ton finns.

  3. 3

    Välj Duoton under Mark-färger

    Fotot mappas om till Markens palett direkt. Prova Färgslöja och Monokrom också; det kostar inget att jämföra.

  4. 4

    Ställ in kontrasten

    Höj kontrasten om resultatet ser platt ut, och ljusstyrkan om ansikten faller in i skuggfärgen.

  5. 5

    Beskär till en form

    Rama in det som en kvadrat, en cirkel, ett valv eller en blob som passar layouten.

  6. 6

    Byt Mark för att testa

    Ändra designens Mark så följer tonen med, så att du kan prova flera utseenden på samma foto.

Allt förblir redigerbart

Toner och filter bränns aldrig in i fotot. Du kan ändra eller återställa dem när som helst, vilket spelar roll när en kampanj byter färg halvvägs.

Filter, ljus och färg för finishen

Tonen bestämmer färgfamiljen; de andra justeringarna avgör känslan. De ligger i tre grupper, och förinställningarna är ett snabbt sätt att börja före finjustering. Är fotot en produktbild, få bakgrunden rätt först: bakgrunder för produktfoton tar upp det.

LjusLjusstyrka, kontrast

Vad du ska ta till

Kontrast först för alla duotoner; den skiljer de två färgerna åt
FärgMättnad, temperatur, grön till magenta, nyans

Vad du ska ta till

Temperatur för att värma eller kyla en färgslöja; lämna mättnaden i fred på en duoton
FinishOskärpa, vinjettering

Vad du ska ta till

En lätt vinjettering drar ögat inåt på porträtt
Förinställningar

Reglage

Original, Livfull, Mjuk, Varm, Kall, Blek, Noir, Film

Vad du ska ta till

Film eller Blek under en färgslöja ger en enkel tryckt känsla
GruppReglageVad du ska ta till
LjusLjusstyrka, kontrastKontrast först för alla duotoner; den skiljer de två färgerna åt
FärgMättnad, temperatur, grön till magenta, nyansTemperatur för att värma eller kyla en färgslöja; lämna mättnaden i fred på en duoton
FinishOskärpa, vinjetteringEn lätt vinjettering drar ögat inåt på porträtt
FörinställningarOriginal, Livfull, Mjuk, Varm, Kall, Blek, Noir, FilmFilm eller Blek under en färgslöja ger en enkel tryckt känsla
Reglagen i fotoredigeringen. Börja med en förinställning och justera sedan ljus före färg.

Beskärningsformer: valv, cirklar och blobbar

Ett tonat foto i en mjuk form läses som designat snarare än nedplockat. Valv känns arkitektoniska och lugna, härliga för inredning, blomsterbutiker och bröllopsarbete, och en naturlig passform för fotografens varumärke. Cirklar passar människor: teamsidor, talare, vittnesmål. Blobbar är lekfulla och passar mat, barnvarumärken och allt informellt. Håll dig till en form per design så att serien ser konsekvent ut.

Undvik

  • Två mellantonsfärger som gör fotot grått
  • En duoton på det enda fotot där äkta färg säljer, som en klänning
  • En annan ton på varje foto i en karusell
  • Text över den stökigaste delen av fotot

Gör så här

  • En djup skuggfärg och en blek högdager
  • En färgslöja för produkter, duoton för människor och platser
  • En ton över varje foto i en serie
  • Text i det lugna området, med Auto-bläck som väljer färgen

Om text ligger på själva fotot går göra text läsbar på foton igenom placering, och en konsekvent ton är en av de enklaste vanorna bakom konsekvent varumärke.

En duoton i CSS

På en webbplats kan du bygga samma effekt med blandlägen: gör fotot gråskaligt, multiplicera det över högdagerfärgen och ljusna sedan med skuggfärgen.

css
.duotone {
  position: relative;
  background: #fbcfe8; /* highlight colour */
}

.duotone img {
  display: block;
  width: 100%;
  filter: grayscale(1) contrast(1.1);
  mix-blend-mode: multiply;
}

.duotone::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #1e1b4b; /* shadow colour */
  mix-blend-mode: lighten;
  pointer-events: none;
}
Indigoskuggor och rodnande högdagrar. Se mix-blend-mode på MDN för webbläsarstöd.

Designa med en levande gradient

Inlägg, stories, presentationer och banners i alla storlekar, med text som alltid går att läsa.

Börja designa, gratis

Vanliga frågor

Vad är ett duotonfoto?

Ett foto vars färger ersätts av två: en för skuggorna och en för högdagrarna, med tonerna däremellan blandade av paret.

Hur gör jag ett duotonfoto i mina varumärkesfärger?

I Gradiently markerar du fotot, öppnar fotoredigeringen och väljer Duoton; den använder färgerna i designens Mark. I CSS kombinerar du en gråskalebild med blandlägen.

Vad är skillnaden mellan duoton och färgslöja?

En duoton ersätter all fotots färg med två färger. En färgslöja lägger en färg över fotot och behåller en del av dess egen, så att motiven fortfarande ser naturliga ut.

Vilka färger ger en bra duoton?

En mycket mörk skuggfärg och en mycket ljus högdagerfärg. Två mellantoner gör fotot platt och grumligt.

Kan jag beskära foton till former i Gradiently?

Ja. Foton kan ramas in som kvadrater, cirklar, valv eller blobbar.

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å fungerar ett duotonfotoMonokrom, duoton och färgslöja: tre sätt att tonaSå gör du ett duotonfoto i GradientlyFilter, ljus och färg för finishenBeskärningsformer: valv, cirklar och blobbarEn duoton i CSS

Dela den här guiden

Nästa i Använda Gradiently

Ändra storlek på design för alla plattformar: en design, alla format

Läs vidare

Alla guider om Använda Gradiently
Gradienter

Duotoneeffekt: gör foton varumärkesenliga i två färger

5 minuters läsning

Duotone gör vilket foto som helst till två färger som du väljer: en för skuggorna, en för ljuset. Det är det snabbaste sättet att få bilder som inte hör ihop att se ut som ett varumärke.

Typografi och text

Så gör du text läsbar på foton utan ruta bakom

5 minuters läsning

En enfärgad ruta bakom rubriken fungerar, men den får varje inlägg att se ut som en meme. De här teknikerna håller fotot helt och orden tydliga, med kod för webben och inställningar för inlägg i sociala medier.

Varumärke

Enhetligt varumärke: därför spelar det roll och så behåller du det

5 minuters läsning

Du blir less på ditt varumärke långt innan dina kunder har lärt sig det. Varför upprepning är hela poängen, var enhetligheten tyst brister och hur du skyddar den utan att bli tråkig.

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