# Farvetemperatur i design: varmt, køligt og neutralt lys

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

Hver farve hælder mod varm eller kølig, selv de grå. Her er, hvad Kelvinskalaen betyder, hvorfor den løber modsat, hvordan vi taler om varme, og hvordan du bruger temperatur til at sætte stemningen i et design.

## The short version

- Farvetemperatur beskriver, om lys eller farve hælder mod orange og rød, som føles varmt, eller mod blå, som føles køligt.
- Lyskilder måles i kelvin: stearinlys ligger omkring 1.900 K, husholdningspærer omkring 2.700 K og sRGB-standardens hvide, D65, omkring 6.500 K.
- Højere kelvinværdier ser blåere ud, så i lys betyder et højere temperaturtal en køligere farve.
- Neutraler har også temperatur: varme grå hælder mod brun eller beige, og kølige grå hælder mod blå.
- Mange overbevisende billeder parrer varmt lys med kølige skygger eller omvendt, fordi den kontrast læses som naturlig dybde.

**Farvetemperatur** er, hvor varmt eller køligt et lys eller en farve føles. Varm betyder, at den hælder mod stearinlysorange og rød; kølig betyder, at den hælder mod dagslysblå; neutral ligger imellem. For lys måles den i kelvin, hvor et stearinlys ligger omkring 1.900 K og en overskyet himmel omkring 6.500 K. I design bruger du den til at sætte stemning: varme paletter føles tætte og behagelige, kølige føles rolige og rummelige, og blander du de to, får et billede dybde.

## Kelvinskalaen og hvorfor den virker omvendt

Kelvintallet kommer fra fysikken: det er den temperatur, et ideelt glødende objekt ville skulle nå for at give lys i den farve. En metalstang, der opvarmes langsomt, gløder rødt, så orange, så gulligt hvidt og ved ekstreme temperaturer blåligt hvidt. Så et højere tal betyder et blåere lys, som designere kalder køligere. Ordforrådet løber modsat fysikken, og det forvirrer alle i begyndelsen.

| Lyskilde | Omtrentlig temperatur | Hvordan det ser ud |
| --- | --- | --- |
| Stearinlysflamme | 1.900 K | Dyb rav |
| Husholdningspære med varmt hvidt lys | 2.700 K | Blød orangehvid |
| Halogenlampe | 3.000 K | Varm hvid |
| Kølig hvid kontorbelysning | 4.000 K | Neutral hvid |
| Middagssol | 5.500 K | Ren hvid |
| Overskyet himmel, sRGB-hvidpunkt D65 | 6.500 K | Svagt kølig hvid |
| Åben skygge under blå himmel | 10.000 K og derover | Tydeligt blå |

Typiske værdier. Rigtige kilder varierer, og pærer sælges i bånd 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 skærmfarver for lys fra stearinlys til blå skygge. Dine øjne tilpasser sig det lys, du er i, og derfor ser et rum på 2.700 K hvidt ud, når du har været i det et stykke tid.

Den tilpasning betyder noget for skærme. sRGB-standarden, som det meste web- og appfarve forudsætter, bruger D65, omkring 6.500 K, som sin hvide. Funktioner som natfunktioner flytter en skærms hvide varmere, så de farver, du valgte, ser varmere ud for en, der læser om natten. Design til standarden, og acceptér afvigelsen.

## Varme, kølige og neutrale farver

Uden for belysning handler temperatur om, hvilken side af hjulet en farve hælder mod. Røde, orange og gule læses varme; blå, petrol og blåviolette læses kølige. Grønne og lilla ligger i midten og kan gå begge veje: en oliven er varm, en mynte er kølig. [Varme og kølige farver](https://gradiently.design/da/guide/warm-and-cool-colors) dækker hjulet i detaljer; det nyttige her er, at temperatur også gælder inden for en nuance. Der findes varme blå og kølige røde.

- Varm rød, mursten: #c2372b
- Kølig rød, hindbær: #c2185b
- Varm blå, denim: #2b5d8a
- Kølig blå, kobolt: #2563eb
- Varm grøn, oliven: #7a8b3a
- Kølig grøn, mynte: #3fbf9f

Tre nuancer, hver i en varm og en kølig version. De varme røde hælder mod orange, de kølige mod blå; det samme gælder hver nuance.

Temperatur gør meget af det følelsesmæssige arbejde i en palet, ofte mere end nuancen selv. Varme skemaer føles tætte, sociale og energiske; kølige skemaer føles stille, rummelige og kontrollerede. [Farvepsykologi](https://gradiently.design/da/guide/color-psychology) udforsker de associationer og deres grænser. Temperatur påvirker også intensitet: en kølig palet skruet op i fuld [mætning](https://gradiently.design/da/guide/color-saturation) holder op med at føles rolig, og en varm, der skrues helt ned, begynder at føles vintage frem for livlig.

## Neutraler har også en temperatur

Ren grå er sjælden i godt design. De fleste grå, der er brugt godt, hælder en anelse varmt, mod sten og gråbrun, eller en anelse køligt, mod skifer og stål. At blande de to familier i ét layout ser ofte mudret ud, uden at nogen ved hvorfor. Vælg én familie, og brug den til baggrunde, kanter og sekundær tekst hele vejen igennem.

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

Tre grå skalaer. Sæt en varm grå ved siden af en kølig, og forskellen er tydelig; hver for sig læses begge bare som grå.

```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 tokens. Skift til de kølige værdier for en skarpere, mere teknisk fornemmelse.

Varme neutraler passer til mad, gæstfrihed, trivsel og redaktionelle brands. Kølige neutraler passer til software, finans og alt, der skal føles præcist. [Neutrale farvepaletter](https://gradiently.design/da/guide/neutral-color-palettes) har flere sæt.

## Varmt lys, kølig skygge

Malere har længe bemærket, at lys og skygge adskiller sig i temperatur, ikke kun i lysstyrke. Solbeskinnede flader bliver varme, mens skygger får blåt fra himlen. Gendan det i en gradient eller illustration, og det føles med det samme mere virkeligt end en lys og mørk version af én nuance. Det virker også omvendt: køligt måneskin med varme skygger fra en lampe.

For baggrunde er det forskellen på en gradient, der føles belyst, og en, der føles som en farveprøve. Placér det varme lys, hvor øjet først skal hen, lad de kølige toner samles ved kanterne, og hold teksten over den roligste af de to. [Gradientbaggrund](https://gradiently.design/da/guide/gradient-background) gennemgår hele metoden.

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

Gradienter, der parrer temperaturer. Sammenlign dem med en enkelt nuance fra lys til mørk, som ser flad ud ved siden af.

En forside i magasinstil med titlen Lange aftener, sommernummer

En sommerforside. Temperatur sætter årstiden, før nogen læser ordene.

En forside i magasinstil med titlen Stille morgener, vinternummer

En vinterforside med samme layout. Lad varmt lys, hvis der er noget, ligge godt væk fra ordene.

## Farvetemperatur i fotografier

Hvidbalance er kameraets gæt på lysets temperatur. Et foto taget under varme pærer med dagslyshvidbalance bliver orange; et taget i skygge bliver blåt. Når fotos står ved siden af brandfarver, så match deres temperatur til paletten. Et varmt brand med kolde, blå fotos føles usammenhængende. At tone fotos i paletens egne farver er en anden løsning: se [duotone-fotos](https://gradiently.design/da/guide/photo-duotone-in-mark-colours).

### Undgå

- Varme og kølige grå blandet i ét layout
- Kolde, blå fotos til et varmt brand
- Én nuance fra lys til mørk for at skabe dybde
- At bedømme farve under en varm skrivebordslampe

### Gør

- Én neutral familie, brugt overalt
- Fotos korrigeret til paletens varme
- Varmt lys med kølig skygge eller omvendt
- At tjekke farve i dagslys eller på en kalibreret skærm

Marks fra Gradiently bærer lys som en del af deres opskrift, så de læses som en belyst flade frem for en flad farveprøve, i hver størrelse du designer i.

## FAQ

### Hvad er farvetemperatur i design?

Den beskriver, om en farve eller et lys hælder varmt, mod orange og rød, eller køligt, mod blå. Designere bruger den til at sætte stemning og skabe dybde.

### Er højere kelvin varmere eller køligere?

Køligere at se på. Højere kelvinværdier giver blåere lys, så 6.500 K ser køligere ud end 2.700 K.

### Hvilken farvetemperatur har dagslys?

Middagssol er omkring 5.500 K og en overskyet himmel omkring 6.500 K. sRGB-standardens hvide, D65, er omkring 6.500 K.

### Hvad er forskellen på varm grå og kølig grå?

Varm grå hælder en anelse mod brun eller beige; kølig grå hælder en anelse mod blå. Vælg én familie, og brug den konsekvent.