# Significato del giallo: sole, cautela e design leggibile

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

Il giallo è il colore più luminoso della ruota, il che lo rende allegro, urgente e quasi impossibile da usare con un testo bianco. Ecco cosa significa il giallo, sfumatura per sfumatura, e come progettare con esso.

## The short version

- Il giallo è associato a sole, calore, ottimismo, felicità e attenzione, ma anche a cautela e avvertimento.
- Il giallo è il colore saturo più chiaro, ed è per questo che si usa per scuolabus, taxi, abbigliamento ad alta visibilità e segnali di pericolo.
- Il testo bianco sul giallo è quasi illeggibile, mentre il nero sul giallo puro raggiunge un rapporto di contrasto di 19,56:1, tra i più alti possibili.
- Scurire il giallo con il nero lo trasforma in oliva, quindi i gialli più profondi come senape e oro si ottengono spostandosi verso l’arancione e il marrone.
- Il giallo era storicamente il colore imperiale in Cina, e lo zafferano e il giallo profondo hanno un significato sacro nell’induismo e nel buddhismo.

Il **significato del colore giallo** è prima di tutto il sole: calore, ottimismo, felicità ed energia. Poiché il giallo è il più chiaro e il più appariscente dei colori saturi, significa anche attenzione e cautela, dalle strisce di una vespa a un cartello stradale. Nel branding sembra amichevole, accessibile e vivace. Usato bene, è indimenticabile. Usato con noncuranza, è il colore che più facilmente rende illeggibili le parole, ed è per questo che questa guida dedica al contrasto quanto spazio al significato.

## Cosa significa il giallo

- **Sole e calore:** il colore della luce solare, dell’estate e della frutta matura, quindi sembra luminoso e generoso.
- **Ottimismo e felicità:** faccine sorridenti, girasoli e confezioni allegre puntano tutti su di esso.
- **Attenzione:** evidenziatori gialli, post-it e adesivi di prezzo esistono perché il giallo si nota.
- **Cautela:** nastro di pericolo, segnali di avvertimento e le strisce nere e gialle che vespe e api condividono con i pavimenti delle fabbriche.
- **Meno lusinghiero:** in inglese «yellow» può significare vigliacco, e i gialli pallidi e malaticci possono suggerire malattia o vecchiaia.

Come per ogni colore, queste associazioni si imparano e dipendono dal contesto. Un giallo burro morbido su una scatola di panetteria e un giallo di pericolo su un cartello di cantiere sono la stessa tinta con messaggi opposti; la [psicologia del colore](https://gradiently.design/it/guide/color-psychology) spiega perché.

## Cosa significa ogni sfumatura di giallo

| Sfumatura | Hex di esempio | Di solito si legge come | Comune in |
| --- | --- | --- | --- |
| Limone | `#FFF44F` | Fresco, frizzante, giocoso | Bevande, brand per bambini, estate |
| Girasole | `#FFD60A` | Ottimista, amichevole, deciso | Retail, consegne, cibo |
| Zafferano | `#F4C430` | Caldo, speziato, spirituale | Cibo, viaggi, cerimonie |
| Ambra | `#FFBF00` | Cautela, calore, bagliore | Segnali, illuminazione, birra |
| Senape | `#E1AD01` | Vintage, sicuro, terroso | Moda, interni, caffè |
| Oro | `#D4A017` | Prestigio, ricompensa, celebrazione | Premi, lusso, matrimoni |
| Burro | `#FFF1B8` | Morbido, di casa, delicato | Panetterie, prodotti per neonati, cartoleria |

Sette gialli. Più il giallo è pallido e verdastro, più sembra fresco; più è profondo e arancione, più è caldo e adulto.

- Limone: #fff44f
- Girasole: #ffd60a
- Zafferano: #f4c430
- Ambra: #ffbf00
- Senape: #e1ad01
- Oro: #d4a017
- Burro: #fff1b8

Le sfumature della tabella affiancate. Ognuna richiede un testo scuro.

## Il giallo e la leggibilità

Il giallo è quasi chiaro come il bianco, quindi si comporta come uno sfondo chiaro, per quanto appariscente sembri. Il testo bianco su girasole `#FFD60A` misura 1,41:1, ben sotto il 4,5:1 che le WCAG chiedono per il testo del corpo. Il giallo puro su bianco è peggio, a 1,07:1: quasi invisibile. Rovescia la situazione e il giallo diventa uno dei migliori sfondi che esistano: il nero sul giallo puro raggiunge 19,56:1.

### Evita

- Testo bianco su qualsiasi giallo
- Testo giallo su una pagina bianca
- Testo oro `#D4A017` su bianco, solo 2,38:1
- Il giallo come unico segnale di un avvertimento

### Fai

- Testo quasi nero o marrone scuro sul giallo
- Il giallo come sfondo, fascia o evidenziazione
- Oro scuro `#8A6D00` per il testo su bianco, 4,92:1
- Una parola o un’icona di avvertimento accanto al giallo

Qualsiasi giallo di questo articolo supera facilmente il test con il quasi nero: la senape con `#111111` raggiunge 9,15:1, e il burro con il marrone scuro `#3A2E05` raggiunge 11,78:1. Il [contrasto dei colori](https://gradiently.design/it/guide/color-contrast-accessibility) spiega le soglie.

## Perché il giallo scuro diventa verde, e come rimediare

Aggiungi nero al giallo e non diventa un giallo più profondo; diventa oliva. Ecco perché i gialli più profondi come senape, oro e ambra si ottengono spostando la tinta verso l’arancione e aggiungendo un tocco di marrone. Lo stesso vale per i gradienti gialli: lascia che l’estremo scuro passi per ambra e terra d’ombra, non per il grigio.

- Scurito con il nero: oliva: `linear-gradient(160deg, #fff44f 0%, #8a8a1f 55%, #2a2a10 100%)`
- Scurito attraverso l’ambra: oro: `linear-gradient(160deg, #fff44f 0%, #ffbf00 45%, #b45309 80%, #3b1d06 100%)`
- Bagliore di zafferano: `radial-gradient(circle at 30% 25%, #fff1b8 0%, #f4c430 50%, #9a5b0a 100%)`
- Dal girasole all’arancione: `linear-gradient(135deg, #ffd60a 0%, #ff8a00 100%)`

Il primo gradiente mostra il problema: il giallo scurito verso il nero vira al verde. Il secondo lo risolve passando per ambra e terra d’ombra.

[Tinte, toni e sfumature](https://gradiently.design/it/guide/tints-tones-shades) spiega perché il giallo si comporta così, e i [gradienti gialli](https://gradiently.design/it/guide/yellow-gradient) offrono altri codici costruiti sullo stesso principio.

## Il significato del giallo nelle diverse culture

- **Cina:** il giallo era storicamente il colore imperiale, riservato all’imperatore, e porta ancora un senso di dignità.
- **Induismo e buddhismo:** lo zafferano e il giallo profondo hanno un significato sacro, visibile nelle vesti di molti monaci buddhisti.
- **Ciclismo:** il leader del Tour de France indossa la maglia gialla, il maillot jaune.
- **Nord America:** scuolabus gialli e nastri gialli, segno di speranza per il ritorno di qualcuno.
- **Ovunque:** l’abbinamento nero e giallo dei segnali di avvertimento si legge come cautela in quasi tutto il mondo.

Per il giallo accanto a rosso, bianco e nero, vedi i [significati dei colori nelle diverse culture](https://gradiently.design/it/guide/color-meanings-around-the-world).

## Il giallo nel branding

I brand gialli sembrano amichevoli, rapidi e accessibili, ed è per questo che il giallo è comune nelle consegne, nel retail low cost, nel fast food e nei prodotti per bambini. Poiché è così squillante, le identità gialle più forti lo usano come campo con testo nero, o come unico accento tra i neutri. Un’intera pagina di giallo dietro fotografie gialle stanca presto l’occhio.

Buoni compagni sono antracite e nero per l’impatto, blu notte e cobalto per un contrasto sicuro, e crema calda o terracotta per un’atmosfera più morbida e soleggiata. Abbinare il giallo ad altri colori squillanti è possibile, ma segui le regole delle [palette di colori brillanti](https://gradiently.design/it/guide/bright-color-palettes) così il testo ha ancora un posto calmo dove stare.

Un post verticale di un caffè in un giallo caldo e solare con un’unica grande parola scura

Un post Instagram in 1080×1350. Giallo caldo con testo scuro: amichevole e leggibile da un capo all’altro del feed.

Un pin evento alto in toni ambra e oro che pubblicizza un mercato serale

Un pin Pinterest in 1000×1500 in cui ambra e oro più profondi si leggono come calda luce serale.

Gli sfondi gialli sono il punto in cui Inchiostro automatico di Gradiently si guadagna il posto: un Mark sceglie testo chiaro o scuro riga per riga dalla propria palette, così il testo su un Mark giallo non finisce mai bianco sul sole. Con Pro, lo stesso design si ridimensiona in tutti i formati in un solo passaggio e le parole restano leggibili.

## FAQ

### Cosa significa il colore giallo?

Il giallo è associato a sole, ottimismo, felicità, energia e attenzione. Segnala anche cautela, e in inglese può significare viltà.

### Cosa significa il giallo senape?

La senape si legge come vintage, calda e sicura. È il lato adulto del giallo, comune nei brand di moda, interni e caffè.

### Che colore di testo va sul giallo?

Quasi nero o un marrone scuro. Il testo bianco sul giallo fallisce gravemente il contrasto, mentre il nero sul giallo puro raggiunge 19,56:1.

### Perché il giallo scuro sembra verde?

Aggiungere nero al giallo lo sposta verso l’oliva. Per ottenere un giallo più profondo, sposta invece la tinta verso l’arancione e aggiungi un po’ di marrone.

### Il giallo è un buon colore per un brand?

Il giallo è memorabile e amichevole, e si adatta a consegne, cibo, retail e brand per bambini. Abbinalo a testo scuro e usalo come campo o accento anziché ovunque.