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

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

Ogni colore tende al caldo o al freddo, anche i grigi. Ecco che cosa significa la scala Kelvin, perché va al contrario di come parliamo di calore e come usare la temperatura per dare l’atmosfera a un design.

## The short version

- La temperatura del colore descrive se una luce o un colore tende all’arancio e al rosso, che sembra caldo, o al blu, che sembra freddo.
- Le sorgenti di luce si misurano in kelvin: la luce di candela sta intorno a 1.900 K, le lampadine domestiche intorno a 2.700 K e il bianco standard sRGB, D65, intorno a 6.500 K.
- Valori kelvin più alti sembrano più blu, quindi nella luce un numero di temperatura più alto significa un colore più freddo.
- Anche i neutri hanno una temperatura: i grigi caldi tendono al marrone o al beige e i grigi freddi tendono al blu.
- Molte immagini convincenti abbinano luce calda e ombre fredde, o il contrario, perché quel contrasto si legge come profondità naturale.

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.

| Sorgente di luce | Temperatura approssimativa | Come appare |
| --- | --- | --- |
| Fiamma di candela | 1.900 K | Ambra intenso |
| Lampadina domestica bianco caldo | 2.700 K | Bianco arancio morbido |
| Lampada alogena | 3.000 K | Bianco caldo |
| Luce da ufficio bianco freddo | 4.000 K | Bianco neutro |
| Sole di mezzogiorno | 5.500 K | Bianco pulito |
| Cielo coperto, punto di bianco sRGB D65 | 6.500 K | Bianco leggermente freddo |
| Ombra aperta sotto un cielo azzurro | 10.000 K e oltre | Nettamente blu |

Valori tipici. Le sorgenti reali variano e le lampadine si vendono per fasce come 2.700 K e 4.000 K.

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

Colori approssimati a schermo della luce, dalla candela all’ombra blu. Gli occhi si adattano alla luce in cui si trovano, ed è per questo che una stanza a 2.700 K sembra bianca dopo un po’.

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](https://gradiently.design/it/guide/warm-and-cool-colors) tratta il cerchio nel dettaglio; la parte utile qui è che la temperatura vale anche dentro una stessa tinta. Esistono blu caldi e rossi freddi.

- Rosso caldo, mattone: #c2372b
- Rosso freddo, lampone: #c2185b
- Blu caldo, denim: #2b5d8a
- Blu freddo, cobalto: #2563eb
- Verde caldo, oliva: #7a8b3a
- Verde freddo, menta: #3fbf9f

Tre tinte, ognuna in versione calda e fredda. I rossi caldi tendono all’arancio, quelli freddi al blu; lo stesso vale per ogni tinta.

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](https://gradiently.design/it/guide/color-psychology) esplora queste associazioni e i loro limiti. La temperatura interagisce anche con l’intensità: una palette fredda portata alla piena [saturazione](https://gradiently.design/it/guide/color-saturation) 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.

- Grigi caldi: dalla carta alla terra: `linear-gradient(90deg, #f6f3ee 0%, #e4ded4 25%, #bdb4a7 50%, #7d7468 75%, #2f2a25 100%)`
- Grigi freddi: dal gelo all’ardesia: `linear-gradient(90deg, #f3f5f8 0%, #dde2e9 25%, #aab3c0 50%, #646e7d 75%, #1e242d 100%)`
- Grigi neutri puri: `linear-gradient(90deg, #f5f5f5 0%, #e0e0e0 25%, #b3b3b3 50%, #707070 75%, #262626 100%)`

Tre scale di grigi. Metti un grigio caldo accanto a uno freddo e la differenza è evidente; da soli, entrambi sembrano semplicemente grigi.

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

Una scala di grigi caldi come token. Sostituisci con i valori freddi per un tono più nitido e tecnico.

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](https://gradiently.design/it/guide/neutral-color-palettes) 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](https://gradiently.design/it/guide/gradient-background) percorre l’intero metodo.

- Luce di tramonto, ombra blu: `radial-gradient(circle at 25% 25%, #ffd29a 0%, #e98a5a 35%, #3b3f6b 80%, #1a1c33 100%)`
- Luce di luna, buio caldo: `radial-gradient(circle at 75% 20%, #cfe3ff 0%, #6d86b8 40%, #3d2a2a 85%)`
- Ora d’oro al crepuscolo: `linear-gradient(160deg, #f8e1c4 0%, #d9b38c 45%, #5f6f8a 100%)`

Gradienti che abbinano temperature. Confrontali con una sola tinta dal chiaro allo scuro, che accanto a loro sembra piatta.

Una copertina in stile rivista intitolata Lunghe sere, numero d’estate

Una copertina estiva. La temperatura fissa la stagione prima che qualcuno legga le parole.

Una copertina in stile rivista intitolata Mattine tranquille, numero d’inverno

Una copertina invernale con lo stesso layout. Se c’è luce calda, tienila ben lontana dalle parole.

## 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](https://gradiently.design/it/guide/photo-duotone-in-mark-colours).

### Evita

- Grigi caldi e freddi mescolati in un layout
- Foto fredde e bluastre su un brand caldo
- Una sola tinta dal chiaro allo scuro per dare profondità
- Giudicare il colore sotto una lampada da scrivania calda

### Fai

- Una sola famiglia di neutri, usata ovunque
- Foto corrette sul calore della palette
- Luce calda con ombra fredda, o il contrario
- Controllare il colore alla luce del giorno o su uno schermo calibrato

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.

## FAQ

### Che cos’è la temperatura del colore nel design?

Descrive se un colore o una luce tende al caldo, verso arancio e rosso, o al freddo, verso il blu. Chi progetta la usa per dare atmosfera e creare profondità.

### Un kelvin più alto è più caldo o più freddo?

Più freddo come aspetto. Valori kelvin più alti producono luce più blu, quindi 6.500 K sembra più freddo di 2.700 K.

### Che temperatura colore ha la luce del giorno?

Il sole di mezzogiorno sta intorno a 5.500 K e un cielo coperto intorno a 6.500 K. Il bianco standard sRGB, D65, è circa 6.500 K.

### Qual è la differenza tra grigio caldo e grigio freddo?

Il grigio caldo tende leggermente al marrone o al beige; il grigio freddo tende leggermente al blu. Scegli una famiglia e usala con coerenza.