Kleurtemperatuur in ontwerp: warm, koel en neutraal licht

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.

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 behandelt het wiel uitgebreid. Het nuttige hier is dat temperatuur ook binnen een tint geldt. Er zijn warme blauwen en koele roden.

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 onderzoekt die associaties en hun grenzen. Temperatuur werkt ook samen met intensiteit: een koel palet dat op volle verzadiging 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.

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

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 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 loopt de hele methode door.

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.

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.