# Fargetemperatur i design: varmt, kjølig og nøytralt lys

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

Alle farger heller mot varmt eller kjølig, også gråtonene. Her ser du hva kelvinskalaen betyr, hvorfor den går motsatt vei av måten vi snakker om varme på, og hvordan temperatur setter stemningen i et design.

## The short version

- Fargetemperatur beskriver om lys eller farger heller mot oransje og rødt, som virker varmt, eller mot blått, som virker kjølig.
- Lyskilder måles i kelvin: stearinlys ligger rundt 1 900 K, vanlige lyspærer rundt 2 700 K og sRGB-standardens hvitpunkt, D65, rundt 6 500 K.
- Høyere kelvinverdier ser blåere ut, så for lys betyr et høyere temperaturtall en kjøligere farge.
- Nøytrale farger har også temperatur: varme gråtoner heller mot brunt eller beige, og kjølige gråtoner heller mot blått.
- Mange overbevisende bilder kombinerer varmt lys med kjølige skygger, eller omvendt, fordi kontrasten gir naturlig dybde.

**Fargetemperatur** er hvor varmt eller kjølig et lys eller en farge virker. Varmt betyr at det heller mot stearinlysets oransje og rødt. Kjølig betyr at det heller mot dagslysets blått. Nøytralt ligger mellom. Lys måles i kelvin, der et stearinlys ligger rundt 1 900 K og en overskyet himmel rundt 6 500 K. I design bruker du temperatur til å sette stemningen: varme paletter føles nære og behagelige, kjølige paletter rolige og romslige. En blanding gir bildet dybde.

## Kelvinskalaen, og hvorfor den virker bakvendt

Kelvintallet kommer fra fysikken: det er temperaturen en ideell glødende gjenstand må nå for å sende ut lys i den fargen. En metallstang som varmes langsomt opp, gløder først rødt, så oransje, deretter gulhvitt og ved ekstreme temperaturer blåhvitt. Et høyere tall betyr altså blåere lys, som designere kaller kjøligere. Ordene går motsatt vei av fysikken, og det forvirrer alle i starten.

| Lyskilde | Omtrentlig temperatur | Slik ser det ut |
| --- | --- | --- |
| Stearinlysflamme | 1 900 K | Dyp ravfarge |
| Varmhvit lyspære til hjemmet | 2 700 K | Mykt oransjehvitt |
| Halogenlampe | 3 000 K | Varmhvitt |
| Kjølig hvitt kontorlys | 4 000 K | Nøytralt hvitt |
| Middagssol | 5 500 K | Rent hvitt |
| Overskyet himmel, sRGB-hvitpunkt D65 | 6 500 K | Litt kjølig hvitt |
| Åpen skygge under blå himmel | 10 000 K og høyere | Tydelig blått |

Typiske verdier. Faktiske lyskilder varierer, og pærer selges i intervaller som 2 700 K og 4 000 K.

Omtrent 1 900 K til 10 000 K: `linear-gradient(90deg, #ff8912 0%, #ffa757 18%, #ffb46b 30%, #ffd1a3 48%, #ffecdf 62%, #fff9fb 74%, #e3e9ff 87%, #c9d9ff 100%)`

Omtrentlige skjermfarger for lys fra stearinlys til blå skygge. Øynene tilpasser seg lyset du er i, så et rom med 2 700 K ser hvitt ut etter en stund.

Denne tilpasningen betyr noe for skjermer. sRGB-standarden, som de fleste nett- og appfarger bygger på, bruker D65, omtrent 6 500 K, som hvitpunkt. Funksjoner som nattmodus gjør skjermens hvitpunkt varmere. Fargene du valgte, blir derfor varmere for den som leser om natten. Design for standarden og aksepter forskyvningen.

## Varme, kjølige og nøytrale farger

Utenfor belysning handler temperatur om hvilken side av fargesirkelen en farge heller mot. Rødt, oransje og gult virker varmt. Blått, blågrønt og blåfiolett virker kjølig. Grønt og lilla ligger i midten og kan gå begge veier: oliven er varmt, mint er kjølig. [Varme og kjølige farger](https://gradiently.design/nb/guide/warm-and-cool-colors) går gjennom sirkelen i detalj. Det nyttige her er at temperatur også gjelder innenfor én fargetone. Det finnes varme blåtoner og kjølige rødtoner.

- Varmt rødt, tegl: #c2372b
- Kjølig rødt, bringebær: #c2185b
- Varmt blått, denim: #2b5d8a
- Kjølig blått, kobolt: #2563eb
- Varmt grønt, oliven: #7a8b3a
- Kjølig grønt, mint: #3fbf9f

Tre fargetoner, hver i en varm og en kjølig versjon. Varme rødfarger heller mot oransje, de kjølige mot blått. Det samme gjelder alle fargetoner.

Temperatur står for mye av følelsen i en palett, ofte mer enn selve fargetonen. Varme fargesett føles nære, sosiale og energiske. Kjølige sett føles stille, romslige og kontrollerte. [Fargepsykologi](https://gradiently.design/nb/guide/color-psychology) utforsker disse assosiasjonene og begrensningene deres. Temperatur samspiller også med intensitet: en kjølig palett med full [metning](https://gradiently.design/nb/guide/color-saturation) slutter å virke rolig. En kraftig dempet varm palett føles mer nostalgisk enn livlig.

## Nøytrale farger har også temperatur

Rent grått er sjeldent i godt design. De fleste velvalgte gråtoner heller litt mot varmt, som stein og gråbrunt, eller litt mot kjølig, som skifer og stål. Å blande familiene i samme layout virker ofte grumsete uten at noen vet hvorfor. Velg én familie til bakgrunner, kanter og sekundærtekst gjennom hele designet.

- Varme gråtoner: papir til umbra: `linear-gradient(90deg, #f6f3ee 0%, #e4ded4 25%, #bdb4a7 50%, #7d7468 75%, #2f2a25 100%)`
- Kjølige gråtoner: frost til skifer: `linear-gradient(90deg, #f3f5f8 0%, #dde2e9 25%, #aab3c0 50%, #646e7d 75%, #1e242d 100%)`
- Helt nøytrale gråtoner: `linear-gradient(90deg, #f5f5f5 0%, #e0e0e0 25%, #b3b3b3 50%, #707070 75%, #262626 100%)`

Tre gråskalaer. Legg en varm gråtone ved siden av en kjølig, så blir forskjellen tydelig. Hver for seg ser begge bare grå ut.

```css
:root {
  /* A warm neutral ramp: pick one family and keep it */
  --grey-50: #f6f3ee;
  --grey-200: #e4ded4;
  --grey-400: #bdb4a7;
  --grey-600: #7d7468;
  --grey-900: #2f2a25;
}
```

En varm gråskala som designtokens. Bytt inn kjølige verdier for et skarpere, mer teknisk uttrykk.

Varme nøytraler passer til mat, servering, velvære og redaksjonelle merkevarer. Kjølige nøytraler passer til programvare, finans og alt som skal virke presist. [Nøytrale fargepaletter](https://gradiently.design/nb/guide/neutral-color-palettes) har flere sett.

## Varmt lys, kjølig skygge

Malere har lenge visst at lys og skygge skiller seg i temperatur, ikke bare lysstyrke. Solbelyste flater blir varme, mens skyggene tar opp blått fra himmelen. Gjenskap det i en gradient eller illustrasjon, så virker den straks mer virkelig enn en lys og mørk versjon av samme fargetone. Det fungerer også omvendt: kjølig måneskinn med varme skygger fra lamper.

For bakgrunner er dette forskjellen mellom en gradient som virker belyst, og en som ligner en fargeprøve. Plasser det varme lyset der blikket skal gå først, la de kjølige tonene samle seg ved kantene, og hold teksten over den roligste delen. [Gradientbakgrunn](https://gradiently.design/nb/guide/gradient-background) går gjennom hele metoden.

- Solnedgangslys, blå skygge: `radial-gradient(circle at 25% 25%, #ffd29a 0%, #e98a5a 35%, #3b3f6b 80%, #1a1c33 100%)`
- Måneskinn, varmt mørke: `radial-gradient(circle at 75% 20%, #cfe3ff 0%, #6d86b8 40%, #3d2a2a 85%)`
- Fra gyllen time til skumring: `linear-gradient(160deg, #f8e1c4 0%, #d9b38c 45%, #5f6f8a 100%)`

Gradienter som kombinerer temperaturer. Sammenlign dem med én fargetone fra lys til mørk, som virker flat ved siden av.

Et magasinomslag med tittelen Lange kvelder, sommerutgaven

Et sommeromslag. Temperaturen setter årstiden før noen leser ordene.

Et magasinomslag med tittelen Stille morgener, vinterutgaven

Et vinteromslag med samme layout. Hold varmt lys, hvis det finnes, godt unna ordene.

## Fargetemperatur i fotografier

Hvitbalanse er kameraets anslag for lysets temperatur. Et bilde tatt under varme pærer med hvitbalanse for dagslys blir oransje. Et bilde tatt i skyggen blir blått. Når bilder står ved siden av merkevarefarger, bør temperaturen passe til paletten. En varm merkevare med kalde, blå bilder virker usammenhengende. Å tone bildene i palettens egne farger er en annen løsning: se [duotonebilder](https://gradiently.design/nb/guide/photo-duotone-in-mark-colours).

### Unngå

- Varme og kjølige gråtoner blandet i én layout
- Kalde, blå bilder for en varm merkevare
- Én fargetone fra lys til mørk for å skape dybde
- Å bedømme farger under en varm skrivebordslampe

### Gjør dette

- Én nøytral fargefamilie brukt overalt
- Bilder korrigert til palettens varme
- Varmt lys med kjølig skygge, eller omvendt
- Kontroller farger i dagslys eller på en kalibrert skjerm

Marks fra Gradiently har lys som en del av oppskriften. De virker derfor som en belyst flate heller enn en flat fargeprøve, uansett hvilket format du designer i.

## FAQ

### Hva er fargetemperatur i design?

Den beskriver om en farge eller et lys heller mot varmt, som oransje og rødt, eller kjølig, som blått. Designere bruker den til å sette stemning og skape dybde.

### Er høyere kelvin varmere eller kjøligere?

Det ser kjøligere ut. Høyere kelvinverdier gir blåere lys, så 6 500 K virker kjøligere enn 2 700 K.

### Hvilken fargetemperatur har dagslys?

Middagssol ligger rundt 5 500 K og en overskyet himmel rundt 6 500 K. sRGB-standardens hvitpunkt, D65, er omtrent 6 500 K.

### Hva er forskjellen på varmt og kjølig grått?

Varmt grått heller litt mot brunt eller beige. Kjølig grått heller litt mot blått. Velg én familie og bruk den konsekvent.