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

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.

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

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 udforsker de associationer og deres grænser. Temperatur påvirker også intensitet: en kølig palet skruet op i fuld mætning 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.

: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 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 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 gennemgår hele metoden.

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.

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.