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.
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.
- 1
Välj kärnnyansen
Välj den version av färgen du gillar mest i full styrka. Den blir mitten av skalan.
- 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
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
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
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.
#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.
| Skalsteg | Jobb |
|---|---|
| 50 till 100 | Bakgrunder för sidor och kort |
| 200 till 300 | Ramar, avdelare, stilla ytor |
| 400 till 600 | Varumärkesfärg, knappar, illustration |
| 700 till 800 | Rubriker, länkar, kraftiga ytor |
| 900 och mörkare | Brödtext, bakgrunder i mörkt läge |
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.
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.
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.
Skriven av Gradiently
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


