Colori caldi e freddi: usare la temperatura con intenzione

I colori caldi e freddi sono le due metà della ruota dei colori. Rossi, arancioni e gialli sembrano caldi, come il fuoco e la luce del sole; verdi, blu e viola sembrano freddi, come l’acqua, l’ombra e la sera. La temperatura cambia la sensazione di un design prima ancora che qualcuno lo legga: i colori caldi vengono avanti ed energizzano, quelli freddi si ritirano e calmano. Usarla con intenzione è uno dei modi più rapidi per far sembrare voluta una palette.

La temperatura è relativa

La linea tra caldo e freddo non è fissa. I giallo verdi e i rosso viola stanno sul confine, e qualsiasi colore sembra più caldo accanto a uno più freddo. Un magenta accanto a un azzurro cielo sembra caldo; lo stesso magenta accanto all’arancione sembra freddo. Per questo la temperatura va giudicata nella palette, non campione per campione.

I colori hanno una temperatura anche all’interno di una tinta. Un rosso che tende all’arancione è più caldo di un rosso che tende al blu, e un blu con un tocco di verde è più caldo di uno che tende al viola. I designer chiamano questa tendenza sottotono, ed è ciò che fa stonare due «rossi».

Come i colori caldi e freddi creano profondità

I colori caldi tendono a sembrare più vicini e quelli freddi più lontani. I paesaggisti lo usano da secoli: l’aria diffonde la luce, quindi le colline lontane sembrano davvero più blu e più pallide, e i nostri occhi leggono il freddo e il pallido come lontano. Puoi prendere in prestito lo stesso effetto nel design piatto.

La regola pratica: metti i colori freddi nelle grandi aree di sfondo e riserva quelli caldi a ciò che deve raggiungere per primo chi guarda. Un invito all’azione caldo su una pagina fredda risalta senza bisogno di essere grande, cosa che si sposa bene con la regola 60-30-10.

Neutri caldi e freddi

Anche grigi, bianchi e neri hanno una temperatura, e conta più di quanto si pensi. Un bianco sporco caldo sembra carta; un bianco freddo sembra uno schermo o un ambulatorio. Un design che unisce uno sfondo grigio caldo a un testo grigio freddo spesso sembra leggermente sbagliato senza che nessuno sappia dire perché.

:root {
  /* Warm neutrals: pair with reds, oranges, golds */
  --paper: #f5efe6;
  --stone: #b8ada0;
  --charcoal-warm: #3d3530;

  /* Cool neutrals: pair with blues, greens, violets */
  --mist: #eef2f6;
  --slate: #a3adb8;
  --charcoal-cool: #2b3240;
}

Unire caldo e freddo in un solo gradiente

I gradienti dal caldo al freddo sono tra i più suggestivi che esistano, e i tramonti lo dimostrano. Sono anche quelli con più probabilità di andare storti, perché colori caldi e freddi spesso stanno uno di fronte all’altro sulla ruota e una sfumatura diretta tra loro passa per il grigio. La soluzione è far passare la sfumatura per un colore che appartiene a entrambi i lati, di solito rosa, magenta o viola.

Anche qui contano le proporzioni. Lascia che una temperatura guidi e che l’altra compaia come contrasto. Un gradiente prevalentemente freddo con un bagliore caldo su un bordo sembra la luce della sera; una divisione equa tra caldo e freddo sembra indecisa. I gradienti tramonto ha molti altri esempi di caldo e freddo che condividono uno stesso campo.

Colori caldi e freddi nel design di tutti i giorni

• La lavagna del menu di un caffè: sfondo crema caldo, testo color espresso e un solo accento terracotta, così sembra la sala in cui è appesa
• Un’app bancaria: superfici ardesia e blu fredde, con un solo ambra caldo per gli avvisi che richiedono attenzione
• Il poster di un evento serale: un campo viola profondo e freddo con un titolo arancione caldo che salta in avanti
• Il lancio di una linea skincare: nebbia fredda e salvia, ravvivate da un solo pesca caldo per il nome del prodotto
• Una promo sportiva: rosso e arancione caldi in primo piano, un blu navy freddo solo per le note in piccolo

In ogni caso una temperatura stabilisce il clima e l’altra dirige l’attenzione. Questo abbinamento è anche una forma delicata di contrasto tra colori complementari, senza lo scontro pieno dei veri opposti.

Scegliere una temperatura per il tuo brand

1. 1

   Parti dalla sensazione

   I brand accoglienti, vivaci e pratici di solito tendono al caldo. Quelli precisi, calmi e affidabili di solito tendono al freddo. Nessuna delle due è migliore; scegli quella che corrisponde a ciò che fai.

2. 2

   Scegli una temperatura guida

   Costruisci gran parte della palette, neutri compresi, su un solo lato. Dà al brand un clima coerente.

3. 3

   Aggiungi un accento dall’altro lato

   Un solo accento caldo su un brand freddo, o uno freddo su un brand caldo, dà contrasto e un punto chiaro in cui far cadere lo sguardo.

4. 4

   Prova nel contesto

   Controlla la palette sugli schermi e sui materiali reali su cui vivrà. I colori cambiano da uno schermo all’altro e di nuovo in stampa; vedi come scegliere i colori del brand.