# Kleurtemperatuur in ontwerp: warm, koel en neutraal licht

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

Elke kleur helt warm of koel over, zelfs de grijstinten. Wat de kelvinschaal betekent, waarom ze de andere kant op loopt dan hoe we over warmte praten en hoe je temperatuur gebruikt voor de sfeer van een ontwerp.

## The short version

- Kleurtemperatuur beschrijft of licht of kleur naar oranje en rood helt, wat warm voelt, of naar blauw, wat koel voelt.
- Lichtbronnen worden in kelvin gemeten: kaarslicht ligt rond 1.900 K, huishoudlampen rond 2.700 K en het standaardwit van sRGB, D65, rond 6.500 K.
- Hogere kelvinwaarden zien er blauwer uit, dus bij licht betekent een hoger temperatuurgetal een kleur die koeler oogt.
- Ook neutrale tinten hebben temperatuur: warme grijstinten hellen naar bruin of beige en koele grijstinten naar blauw.
- Veel overtuigende beelden combineren warm licht met koele schaduwen, of andersom, omdat dat contrast als natuurlijke diepte leest.

**Kleurtemperatuur** is hoe warm of koel een licht of een kleur aanvoelt. Warm helt naar kaarsoranje en rood, koel naar daglichtblauw, neutraal zit ertussenin. Bij licht wordt het in kelvin gemeten, waarbij een kaars rond 1.900 K ligt en een bewolkte hemel rond 6.500 K. In ontwerp gebruik je het voor de sfeer: warme paletten voelen dichtbij en behaaglijk, koele rustig en ruim, en een mix van beide geeft een beeld diepte.

## De kelvinschaal, en waarom ze omgekeerd lijkt

Het kelvingetal komt uit de natuurkunde: het is de temperatuur die een ideaal gloeiend voorwerp zou moeten bereiken om licht van die kleur af te geven. Een langzaam verhit metalen staafje gloeit eerst rood, dan oranje, dan geelachtig wit en bij extreme temperaturen blauwachtig wit. Een hoger getal betekent dus blauwer licht, wat ontwerpers koeler noemen. Het vocabulaire loopt tegengesteld aan de natuurkunde en dat verwart in het begin iedereen.

| Lichtbron | Benaderde temperatuur | Hoe het eruitziet |
| --- | --- | --- |
| Kaarsvlam | 1.900 K | Diep amber |
| Warmwitte huishoudlamp | 2.700 K | Zacht oranjewit |
| Halogeenlamp | 3.000 K | Warm wit |
| Koelwit kantoorlicht | 4.000 K | Neutraal wit |
| Middagzon | 5.500 K | Zuiver wit |
| Bewolkte hemel, sRGB-witpunt D65 | 6.500 K | Licht koel wit |
| Open schaduw onder een blauwe hemel | 10.000 K en hoger | Duidelijk blauw |

Typische waarden. Echte bronnen verschillen en lampen worden verkocht in banden zoals 2.700 K en 4.000 K.

Ruwweg 1.900 K tot 10.000 K: `linear-gradient(90deg, #ff8912 0%, #ffa757 18%, #ffb46b 30%, #ffd1a3 48%, #ffecdf 62%, #fff9fb 74%, #e3e9ff 87%, #c9d9ff 100%)`

Benaderde schermkleuren van licht, van kaars tot blauwe schaduw. Je ogen passen zich aan het licht aan waarin je zit, daarom lijkt een kamer van 2.700 K wit als je er een tijdje bent.

Die aanpassing doet ertoe voor schermen. De sRGB-standaard waar de meeste web- en appkleuren van uitgaan, gebruikt D65, ongeveer 6.500 K, als wit. Functies zoals nachtmodi verschuiven het wit van een scherm warmer, dus de kleuren die je koos zien er warmer uit voor wie 's avonds leest. Ontwerp voor de standaard en accepteer de afwijking.

## Warme, koele en neutrale kleuren

Buiten verlichting gaat temperatuur over naar welke kant van het wiel een kleur helt. Rood, oranje en geel lezen warm. Blauw, teal en blauwviolet lezen koel. Groen en paars zitten in het midden en kunnen beide kanten op: olijf is warm, munt is koel. [Warme en koele kleuren](https://gradiently.design/nl/guide/warm-and-cool-colors) behandelt het wiel uitgebreid. Het nuttige hier is dat temperatuur ook binnen een tint geldt. Er zijn warme blauwen en koele roden.

- Warm rood, baksteen: #c2372b
- Koel rood, framboos: #c2185b
- Warm blauw, denim: #2b5d8a
- Koel blauw, kobalt: #2563eb
- Warm groen, olijf: #7a8b3a
- Koel groen, munt: #3fbf9f

Drie tinten, elk in een warme en een koele versie. De warme roden hellen naar oranje, de koele naar blauw. Hetzelfde geldt voor elke tint.

Temperatuur doet veel van het emotionele werk in een palet, vaak meer dan de tint zelf. Warme schema’s voelen dichtbij, gezellig en energiek, koele schema’s stil, ruim en beheerst. [Kleurpsychologie](https://gradiently.design/nl/guide/color-psychology) onderzoekt die associaties en hun grenzen. Temperatuur werkt ook samen met intensiteit: een koel palet dat op volle [verzadiging](https://gradiently.design/nl/guide/color-saturation) wordt gezet voelt niet meer rustig, en een warm palet dat flink wordt gedempt gaat eerder vintage aanvoelen dan levendig.

## Ook neutrale tinten hebben een temperatuur

Puur grijs is zeldzaam in goed ontwerp. De meeste goed gebruikte grijstinten hellen licht warm, richting steen en taupe, of licht koel, richting leisteen en staal. Beide families in één opmaak mengen ziet er vaak modderig uit zonder dat iemand weet waarom. Kies één familie en gebruik die overal voor achtergronden, randen en secundaire tekst.

- Warme grijstinten: papier tot omber: `linear-gradient(90deg, #f6f3ee 0%, #e4ded4 25%, #bdb4a7 50%, #7d7468 75%, #2f2a25 100%)`
- Koele grijstinten: rijp tot leisteen: `linear-gradient(90deg, #f3f5f8 0%, #dde2e9 25%, #aab3c0 50%, #646e7d 75%, #1e242d 100%)`
- Zuiver neutrale grijstinten: `linear-gradient(90deg, #f5f5f5 0%, #e0e0e0 25%, #b3b3b3 50%, #707070 75%, #262626 100%)`

Drie grijsreeksen. Zet een warm grijs naast een koel en het verschil is duidelijk. Op zichzelf lezen beide gewoon als grijs.

```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;
}
```

Een warme grijsreeks als tokens. Wissel naar de koele waarden voor een scherper, technischer gevoel.

Warme neutrale tinten passen bij eten, horeca, welzijn en redactionele merken. Koele neutrale tinten passen bij software, financiën en alles wat precies moet voelen. [Neutrale kleurenpaletten](https://gradiently.design/nl/guide/neutral-color-palettes) heeft meer sets.

## Warm licht, koele schaduw

Schilders merken al lang dat licht en schaduw verschillen in temperatuur, niet alleen in helderheid. Beschenen oppervlakken worden warm terwijl schaduwen blauw van de hemel oppikken. Bouw dat na in een verloop of illustratie en het voelt meteen echter dan een lichte en donkere versie van één tint. Het werkt ook omgekeerd: koel maanlicht met warme schaduwen van lamplicht.

Voor achtergronden is dit het verschil tussen een verloop dat verlicht voelt en een dat op een kleurstaal lijkt. Zet het warme licht waar het oog eerst heen moet, laat de koele tinten zich aan de randen verzamelen en houd tekst boven de rustigste van de twee. [Verloopachtergrond](https://gradiently.design/nl/guide/gradient-background) loopt de hele methode door.

- Zonsondergangslicht, blauwe schaduw: `radial-gradient(circle at 25% 25%, #ffd29a 0%, #e98a5a 35%, #3b3f6b 80%, #1a1c33 100%)`
- Maanlicht, warm donker: `radial-gradient(circle at 75% 20%, #cfe3ff 0%, #6d86b8 40%, #3d2a2a 85%)`
- Gouden uur tot schemering: `linear-gradient(160deg, #f8e1c4 0%, #d9b38c 45%, #5f6f8a 100%)`

Verlopen die temperaturen combineren. Vergelijk ze met één tint van licht naar donker, die er vlak naast lijkt.

Een omslag in tijdschriftstijl met de titel Lange avonden, zomereditie

Een zomercover. Temperatuur bepaalt het seizoen nog voor iemand de woorden leest.

Een omslag in tijdschriftstijl met de titel Stille ochtenden, wintereditie

Een wintercover met dezelfde opmaak. Laat warm licht, als dat er is, ver van de woorden zitten.

## Kleurtemperatuur in foto’s

Witbalans is de gok van een camera naar de temperatuur van het licht. Een foto onder warme lampen met daglichtwitbalans wordt oranje, een foto in de schaduw wordt blauw. Als foto’s naast merkkleuren staan, stem hun temperatuur dan af op het palet. Een warm merk met koude, blauwe foto’s voelt onsamenhangend. Foto’s inkleuren met de eigen kleuren van het palet is een andere oplossing: zie [duotoonfoto’s](https://gradiently.design/nl/guide/photo-duotone-in-mark-colours).

### Vermijd

- Warme en koele grijstinten gemengd in één opmaak
- Koude, blauwe foto’s bij een warm merk
- Eén tint van licht naar donker voor diepte
- Kleur beoordelen onder een warme bureaulamp

### Doe

- Eén neutrale familie, overal gebruikt
- Foto’s gecorrigeerd naar de warmte van het palet
- Warm licht met koele schaduw, of andersom
- Kleur controleren in daglicht of op een gekalibreerd scherm

De Marks van Gradiently dragen licht als onderdeel van hun recept, zodat ze op elk formaat waarin je ontwerpt als een verlicht oppervlak lezen in plaats van als een vlak kleurstaal.

## FAQ

### Wat is kleurtemperatuur in ontwerp?

Het beschrijft of een kleur of licht warm helt, naar oranje en rood, of koel, naar blauw. Ontwerpers gebruiken het voor sfeer en diepte.

### Is een hogere kelvinwaarde warmer of koeler?

Koeler ogend. Hogere kelvinwaarden geven blauwer licht, dus 6.500 K ziet er koeler uit dan 2.700 K.

### Welke kleurtemperatuur heeft daglicht?

Middagzon ligt rond 5.500 K en een bewolkte hemel rond 6.500 K. Het sRGB-standaardwit, D65, is ongeveer 6.500 K.

### Wat is het verschil tussen warm grijs en koel grijs?

Warm grijs helt licht naar bruin of beige, koel grijs licht naar blauw. Kies één familie en gebruik die consequent.