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

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.

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 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.

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 utforsker disse assosiasjonene og begrensningene deres. Temperatur samspiller også med intensitet: en kjølig palett med full metning 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.

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

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 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 går gjennom hele metoden.

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.

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.