# Monokromatisk fargepalett: én fargetone, en hel identitet

[Canonical HTML page](https://gradiently.design/nb/guide/monochromatic-color-scheme)

Én fargetone høres begrensende ut til du ser hvor mye spenn som bor i den. Bygget ordentlig kan én enkelt farge dekke bakgrunner, tekst, knapper og gradienter, og virke mer særpreget enn en regnbue.

## The short version

- En monokromatisk fargepalett bruker én enkelt fargetone i et spenn av lyshet og metning, bygget av lyse nyanser, mørke nyanser og dempede toner.
- En lys nyanse er en fargetone blandet med hvitt, en mørk nyanse er en fargetone blandet med svart, og en dempet tone er en fargetone blandet med grått.
- En nyttig monokromatisk skala har rundt ni eller ti trinn fra nesten hvit til nesten svart, jevnt fordelt i opplevd lyshet.
- Å forskyve fargetonen litt mot den lyse og den mørke enden hindrer at en monokromatisk palett virker livløs.
- Monokromatiske paletter gir rolige, helhetlige gradienter, men langsomme overganger i én fargetone får lett fargebånd og har godt av fint korn.

En **monokromatisk fargepalett** bruker én fargetone og ingenting annet, variert i lyshet og metning. Tenk på marine, kobolt, himmelblå og isblå: alle blå, alle tydelig beslektet, og med nok kontrast seg imellom til å ta seg av bakgrunner, tekst og høylys. Fordi hver farge deler samme fargetone, virker en monokromatisk palett alltid helhetlig. Arbeidet ligger i å bygge nok spenn inne i den ene fargetonen.

Denne guiden tar for seg de tre måtene å variere en fargetone på, hvordan du bygger en skala du faktisk kan designe med, og hvordan monokromt fungerer i gradienter. For den bredere sammenhengen, se [grunnleggende fargelære](https://gradiently.design/nb/guide/color-theory-basics).

## Lyse nyanser, mørke nyanser og dempede toner

Hver farge i en monokromatisk palett kommer fra ett av tre grep. En **lys nyanse** tilfører hvitt og gjør fargen lysere og mykere. En **mørk nyanse** tilfører svart og gjør den dypere. En **dempet tone** tilfører grått og gjør den stillere uten å endre lysheten særlig.

- Lyse nyanser: mot hvitt: `linear-gradient(90deg, #2563eb 0%, #ffffff 100%)`
- Mørke nyanser: mot svart: `linear-gradient(90deg, #2563eb 0%, #000000 100%)`
- Dempede toner: mot grått: `linear-gradient(90deg, #2563eb 0%, #7a7a7a 100%)`

Én blå, tre retninger. De fleste monokromatiske paletter bruker alle tre.

## Slik bygger du en monokromatisk palett

En håndfull tilfeldige nyanser er ikke en palett. Det du vil ha, er en skala: en rekke trinn fra nesten hvit til nesten svart, jevnt fordelt slik at hvert trinn ser like forskjellig ut fra naboen som det forrige. Ni til elleve trinn er en vanlig størrelse, og det er det de fleste designsystemer bruker.

- Blågrønn 50: #f0fdfa
- Blågrønn 100: #ccfbf1
- Blågrønn 200: #99f6e4
- Blågrønn 300: #5eead4
- Blågrønn 400: #2dd4bf
- Blågrønn 500: #14b8a6
- Blågrønn 600: #0d9488
- Blågrønn 700: #0f766e
- Blågrønn 800: #115e59
- Blågrønn 900: #134e4a

En blågrønn skala i ti trinn. Lyse trinn til bakgrunner, midtre trinn til farge, mørke trinn til tekst.

1. **Velg kjernefargen** Velg den versjonen av fargen du liker best i full styrke. Den blir midten av skalaen.
2. **Sett endene** Velg en nesten hvit med et hint av fargetonen og en nesten svart med et hint av fargetonen. Unngå ren hvit og ren svart, de virker frakoblet.
3. **Fyll trinnene etter lyshet** Fordel trinnene etter hvor lyse de ser ut, ikke etter like hex- eller HSL-verdier. Perseptuelle fargerom som OKLCH gjør dette enkelt. Se [OKLCH-gradienter](https://gradiently.design/nb/guide/css-gradient-oklch).
4. **Senk metningen i endene** Svært lyse og svært mørke trinn ser bedre ut litt dempet. Full metning i ytterpunktene virker grell eller grumsete.
5. **Dytt litt på fargetonen** La den lyse enden gli litt varmere eller kjøligere og den mørke enden motsatt vei. Det gir liv uten å bryte paletten.

### Hvorfor en liten forskyvning i fargetone hjelper

Ekte gjenstander blir sjelden mørkere bare ved at svart legges til: skygger fanger opp kjøligere eller varmere lys fra omgivelsene. En skala som bare blander inn svart og hvitt, virker flat i sammenligning. Å forskyve fargetonen noen få grader over skalaen er vanlig praksis i illustrasjon og designsystemer.

- Rett skala: bare hvitt og svart: `linear-gradient(90deg, #d3e0fb 0% 20%, #7ca1f3 20% 40%, #2563eb 40% 60%, #1a45a5 60% 80%, #0f285e 80% 100%)`
- Forskjøvet: lys himmelblå, mørk indigo: `linear-gradient(90deg, #e0f7ff 0% 20%, #7cc4f5 20% 40%, #2563eb 40% 60%, #2f3aa8 60% 80%, #1e1b4b 80% 100%)`

To blå skalaer i fem trinn rundt den samme kjernen, `#2563eb`. Den andre glir mot himmelblå i den lyse enden og indigo i den mørke, så den virker belyst fremfor blandet.

## Driv en hel identitet på én fargetone

En monokromatisk merkevare kan være overraskende særpreget, fordi den er disiplinert på en måte de fleste merkevarer ikke er. Trikset er å gi hvert trinn i skalaen en oppgave og holde seg til den.

| Trinn i skalaen | Oppgave |
| --- | --- |
| 50 til 100 | Bakgrunner på sider og kort |
| 200 til 300 | Kantlinjer, skillelinjer, stille fyll |
| 400 til 600 | Merkevarefarge, knapper, illustrasjon |
| 700 til 800 | Overskrifter, lenker, sterke fyll |
| 900 og mørkere | Brødtekst, bakgrunner i mørk modus |

Roller for en monokromatisk skala. Tekst og bakgrunn kommer fra hver sin ende, og det er der kontrasten bor.

Sett alltid sammen tekst og bakgrunn fra hver sin ende av skalaen. To trinn fra midten er vakre som fargeprøver og mislykkes som tekst. Sjekk mot retningslinjene i [fargekontrast](https://gradiently.design/nb/guide/color-contrast-accessibility). Noter skalaen, med rollen til hvert trinn, i [merkevaresettet](https://gradiently.design/nb/guide/brand-kit), så alle bruker de samme verdiene.

Et stående redaksjonelt innlegg med en overskrift i antikva over en myk bakgrunn i én fargetone

En rolig flate i én fargefamilie under redaksjonell skrift.

Et bredt toppbilde til e-post med en overskrift over en rolig bakgrunn i én fargetone

Det samme uttrykket ført videre til et toppbilde i en e-post.

Det eneste en monokromatisk identitet mangler, er en åpenbar aksent. Trenger designene dine at en knapp eller en pris skal sprette frem, tillater du én farge utenfor fargetonen og bruker den sjelden. Da beveger du deg mot en [analog palett](https://gradiently.design/nb/guide/analogous-colors) eller en monokrom palett med aksent, og begge er helt fine.

## Monokromatiske gradienter

Gradienter i én fargetone er blant de mest elegante du kan lage: de antyder lys som faller over ett materiale. De blir aldri grumsete, fordi det ikke finnes en fargetone nummer to å kjempe mot.

- Midnattsblå: `linear-gradient(180deg, #0b1437 0%, #1e3a8a 55%, #3b82f6 100%)`
- Rose: `linear-gradient(135deg, #4c0519 0%, #be123c 50%, #fda4af 100%)`
- Salvie: `linear-gradient(160deg, #1f2e24 0%, #4b6b55 55%, #c9dbc8 100%)`
- Sand: `linear-gradient(135deg, #5c4630 0%, #b08d63 55%, #efe3cf 100%)`
- Fiolett skjær: `radial-gradient(circle at 30% 30%, #c4b5fd 0%, #7c3aed 40%, #2e1065 100%)`
- Grafitt (helt uten fargetone): `linear-gradient(180deg, #0a0a0a 0%, #262626 60%, #525252 100%)`

Seks gradienter i én fargetone. Hver beveger seg bare i lyshet og litt i metning.

> **Se opp for fargebånd** Fordi en monokromatisk gradient endrer seg sakte, har den færre fargenivåer å fordele over skjermen og får lett synlige striper, særlig i mørke blå- og gråtoner. Et fint lag med korn løser det. Se [fargebånd i gradienter](https://gradiently.design/nb/guide/gradient-banding).

## FAQ

### Hva er en monokromatisk fargepalett?

En monokromatisk fargepalett bruker én enkelt fargetone i et spenn av lyse nyanser, mørke nyanser og dempede toner, fra svært lys til svært mørk.

### Hva er forskjellen på en lys nyanse, en mørk nyanse og en dempet tone?

En lys nyanse er en fargetone blandet med hvitt, en mørk nyanse er blandet med svart, og en dempet tone er blandet med grått.

### Er svart og hvitt en monokromatisk palett?

Strengt tatt er svart, hvit og grå akromatiske, som betyr at de ikke har noen fargetone. I dagligtale kaller folk dem ofte monokrome, og de følger de samme prinsippene.

### Hvor mange farger bør en monokromatisk palett ha?

Rundt ni til elleve trinn fra nesten hvit til nesten svart gir nok spenn til bakgrunner, tekst, kantlinjer og merkevarefarge.

### Kan en merkevare bruke bare én farge?

Ja, hvis paletten har et fullt spenn av lyshet og hvert trinn har en tydelig rolle. Mange merkevarer med én farge legger til én liten aksent for oppfordringer til handling.