Temperatura del colore nel design: luce calda, fredda e neutra

La temperatura del colore è quanto una luce o un colore sembrano caldi o freddi. Caldo vuol dire tendere all’arancio di candela e al rosso; freddo vuol dire tendere al blu della luce del giorno; neutro sta nel mezzo. Per la luce si misura in kelvin: una candela sta intorno a 1.900 K e un cielo coperto intorno a 6.500 K. Nel design la usi per dare l’atmosfera: le palette calde sembrano vicine e accoglienti, quelle fredde calme e spaziose, e mescolare le due dà profondità a un’immagine.

La scala kelvin e perché sembra al contrario

Il valore in kelvin viene dalla fisica: è la temperatura che un oggetto incandescente ideale dovrebbe raggiungere per emettere luce di quel colore. Una barra di metallo scaldata lentamente brilla di rosso, poi di arancio, poi di un bianco giallastro e, a temperature estreme, di un bianco azzurrognolo. Quindi un numero più alto significa una luce più blu, che chi progetta chiama più fredda. Il vocabolario va in senso opposto alla fisica, e all’inizio confonde tutti.

Questo adattamento conta per gli schermi. Lo standard sRGB su cui si basa il colore di quasi tutto il web e delle app usa come bianco D65, circa 6.500 K. Funzioni come le modalità notte spostano il bianco di uno schermo verso il caldo, quindi i colori che hai scelto sembreranno più caldi a chi legge di notte. Progetta per lo standard e accetta lo scarto.

Colori caldi, freddi e neutri

Fuori dall’illuminazione, la temperatura riguarda da che parte del cerchio tende un colore. Rossi, arancioni e gialli sembrano caldi; blu, verdi acqua e viola bluastri sembrano freddi. Verdi e viola stanno nel mezzo e possono andare da una parte o dall’altra: un verde oliva è caldo, uno menta è freddo. Colori caldi e freddi tratta il cerchio nel dettaglio; la parte utile qui è che la temperatura vale anche dentro una stessa tinta. Esistono blu caldi e rossi freddi.

La temperatura fa buona parte del lavoro emotivo di una palette, spesso più della tinta stessa. Gli schemi caldi sembrano vicini, socievoli ed energici; quelli freddi quieti, spaziosi e controllati. La psicologia del colore esplora queste associazioni e i loro limiti. La temperatura interagisce anche con l’intensità: una palette fredda portata alla piena saturazione smette di sembrare calma, e una calda abbassata al minimo comincia a sembrare vintage più che vivace.

Anche i neutri hanno una temperatura

Il grigio puro è raro nel buon design. La maggior parte dei grigi usati bene tende un po’ al caldo, verso pietra e tortora, o un po’ al freddo, verso ardesia e acciaio. Mescolare le due famiglie in un layout spesso risulta fangoso senza che nessuno sappia perché. Scegli una famiglia e usala ovunque per sfondi, bordi e testo secondario.

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

I neutri caldi vanno bene per cibo, ospitalità, benessere e brand editoriali. I neutri freddi vanno bene per software, finanza e tutto ciò che deve sembrare preciso. Le palette di colori neutri hanno altri set.

Luce calda, ombra fredda

I pittori da tempo notano che luce e ombra differiscono per temperatura, non solo per luminosità. Le superfici al sole diventano calde mentre le ombre prendono il blu del cielo. Ricrealo in un gradiente o in un’illustrazione e sembrerà subito più reale di una versione chiara e scura di una sola tinta. Funziona anche al contrario: fredda luce di luna con ombre calde da lampada.

Per gli sfondi è la differenza tra un gradiente che sembra illuminato e uno che sembra un campione di colore. Metti la luce calda dove l’occhio deve andare per primo, lascia che i toni freddi si raccolgano ai bordi e tieni il testo sul più calmo dei due. Lo sfondo sfumato percorre l’intero metodo.

La temperatura del colore nelle fotografie

Il bilanciamento del bianco è l’ipotesi di una fotocamera sulla temperatura della luce. Una foto scattata sotto lampadine calde con bilanciamento luce del giorno diventa arancio; una scattata all’ombra diventa blu. Quando le foto stanno accanto ai colori del brand, abbina la loro temperatura alla palette. Un brand caldo con foto fredde e bluastre risulta sconnesso. Tingere le foto con i colori della palette è un’altra soluzione: vedi le foto in duotone.

I Mark di Gradiently portano la luce come parte della loro ricetta, quindi sembrano una superficie illuminata e non un campione piatto, a ogni dimensione in cui progetti.