Färg

Monokromatiskt färgschema: en nyans, en hel identitet

En nyans låter begränsande tills du ser hur stort omfång som ryms i den. Byggd på rätt sätt kan en enda färg täcka bakgrunder, text, knappar och gradienter, och se mer särpräglad ut än en regnbåge.

GradientlyVerifierat Gradiently-konto··5 minuters läsning
Omslag: Tweed Salon · GR·2E5N·ZE

Kortversionen

  • Ett monokromatiskt färgschema använder en enda nyans i ett spann av ljushet och mättnad, byggt av tinter, skuggor och toner.
  • En tint är en nyans blandad med vitt, en skugga är en nyans blandad med svart och en ton är en nyans blandad med grått.
  • En användbar monokromatisk skala har ungefär nio eller tio steg från nästan vitt till nästan svart, jämnt fördelade i upplevd ljushet.
  • Att förskjuta nyansen något mot de ljusa och mörka ändarna hindrar en monokromatisk palett från att se livlös ut.
  • Monokromatiska paletter ger lugna, sammanhållna gradienter, men långsamma övergångar i en enda nyans bandar lätt och mår bra av fint korn.
På den här sidan

Ett monokromatiskt färgschema använder en nyans och inget annat, varierad i ljushet och mättnad. Tänk marinblått, koboltblått, himmelsblått och isblått: allt blått, tydligt besläktat, med nog kontrast mellan sig för att klara bakgrunder, text och accenter. Eftersom varje färg delar samma nyans ser en monokromatisk palett alltid enad ut. Arbetet ligger i att bygga tillräckligt stort omfång inom den ena nyansen.

Den här guiden går igenom de tre sätten att variera en nyans, hur du bygger en skala du faktiskt kan designa med och hur monokrom färg fungerar i gradienter. För det bredare sammanhanget, se grunderna i färglära.

Tinter, skuggor och toner

Varje färg i en monokromatisk palett kommer från ett av tre drag. En tint lägger till vitt, vilket gör färgen ljusare och mjukare. En skugga lägger till svart, vilket gör den djupare. En ton lägger till grått, vilket gör den stillsammare utan att ljusheten ändras särskilt mycket.

Ett blått, tre riktningar. De flesta monokromatiska paletter använder alla tre.

Så bygger du en monokromatisk palett

En handfull slumpade tinter är ingen palett. Det du vill ha är en skala: en följd av steg från nästan vitt till nästan svart, jämnt fördelade så att varje steg ser lika olikt ut sin granne som det förra. Nio till elva steg är en vanlig storlek, och det är vad de flesta designsystem använder.

En turkos skala i tio steg. Ljusa steg för bakgrunder, mellansteg för färg, mörka steg för text.
  1. 1

    Välj kärnnyansen

    Välj den version av färgen du gillar mest i full styrka. Den blir mitten av skalan.

  2. 2

    Sätt ändarna

    Välj ett nästan vitt med en aning av nyansen och ett nästan svart med en aning av nyansen. Undvik rent vitt och rent svart, som ser frånkopplade ut.

  3. 3

    Fyll stegen efter ljushet

    Fördela stegen efter hur ljusa de ser ut, inte efter lika stora hex- eller HSL-värden. Perceptuella rymder som OKLCH gör det enkelt, se OKLCH-gradienter.

  4. 4

    Sänk mättnaden i ändarna

    Mycket ljusa och mycket mörka steg ser bättre ut lite dämpade. Full mättnad i ytterlägena ser skrikig eller gyttjig ut.

  5. 5

    Knuffa nyansen

    Låt den ljusa änden glida något varmare eller svalare och den mörka åt andra hållet. Det ger liv utan att bryta schemat.

Därför hjälper en liten nyansförskjutning

Verkliga föremål mörknar sällan bara genom att man lägger till svart: skuggor tar upp svalare eller varmare ljus från omgivningen. En skala som bara blandar svart och vitt ser platt ut i jämförelse. Att förskjuta nyansen några grader över skalan är standard inom illustration och designsystem.

Två blå skalor i fem steg kring samma kärna, #2563eb. Den andra glider mot himmelsblått i den ljusa änden och indigo i den mörka, så den ser belyst ut i stället för blandad.

Att driva en hel identitet på en nyans

Ett monokromatiskt varumärke kan vara förvånansvärt särpräglat, eftersom det är disciplinerat på ett sätt som de flesta varumärken inte är. Knepet är att ge varje steg i skalan ett jobb och hålla sig till det.

SkalstegJobb
50 till 100Bakgrunder för sidor och kort
200 till 300Ramar, avdelare, stilla ytor
400 till 600Varumärkesfärg, knappar, illustration
700 till 800Rubriker, länkar, kraftiga ytor
900 och mörkareBrödtext, bakgrunder i mörkt läge
Roller för en monokromatisk skala. Text och bakgrund kommer från motsatta ändar, och där bor kontrasten.

Para alltid ihop text och bakgrund från motsatta ändar av skalan. Två mellansteg ser fina ut som färgprover och fungerar dåligt som text. Kontrollera med riktlinjerna i färgkontrast. Anteckna skalan, med varje stegs roll, i ditt varumärkeskit så att alla använder samma värden.

Ett lugnt fält i en enda familj under redaktionell typ.

Nyhetsbrev
Den här månaden i studion
Tre projekt och en ny lokal
Gradiently · @gradiently

Samma look förd över till ett mejlhuvud.

Det enda en monokromatisk identitet saknar är en självklar accent. Om dina designer behöver att en knapp eller ett pris hoppar fram kan du tillåta en färg utanför nyansen och använda den sparsamt. Då rör du dig mot en analog palett eller en monokrom med accent, båda helt bra.

Monokromatiska gradienter

Gradienter i en enda nyans hör till de elegantaste du kan göra: de antyder ljus som faller över ett material. De blir aldrig gyttjiga, eftersom det inte finns någon andra nyans att slåss med.

Sex gradienter i en enda nyans. Var och en rör sig bara i ljushet och lite i mättnad.

Vanliga frågor

Vad är ett monokromatiskt färgschema?

Ett monokromatiskt färgschema använder en enda nyans i ett spann av tinter, skuggor och toner, från mycket ljus till mycket mörk.

Vad är skillnaden mellan en tint, en skugga och en ton?

En tint är en nyans blandad med vitt, en skugga är blandad med svart och en ton är blandad med grått.

Är svartvitt ett monokromatiskt schema?

Strängt taget är svart, vitt och grått akromatiska, alltså utan nyans. I vardagligt tal kallas de ofta monokroma, och de följer samma principer.

Hur många färger ska en monokromatisk palett ha?

Ungefär nio till elva steg från nästan vitt till nästan svart ger tillräckligt omfång för bakgrunder, text, ramar och varumärkesfärg.

Kan ett varumärke använda bara en färg?

Ja, om paletten har ett fullt omfång av ljushet och varje steg har en tydlig roll. Många varumärken med en färg lägger till en liten accent för uppmaningar till handling.

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