# Colori analoghi: la via più facile a una palette calma

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

Scegli tre vicini sulla ruota dei colori e quasi non puoi sbagliare. L’abilità sta nel dare loro abbastanza contrasto da restare interessanti e nel sapere quando rompere la calma.

## The short version

- I colori analoghi sono tonalità che stanno una accanto all’altra sulla ruota dei colori, come blu, verde acqua e verde.
- Poiché le tonalità vicine hanno molto in comune, le palette analoghe risultano calme e naturali, e sono le più facili da azzeccare.
- I colori analoghi producono i gradienti più morbidi, perché la sfumatura tra vicini resta satura invece di virare al grigio.
- Il rischio principale è la monotonia, che si evita dando alla palette un’ampia gamma di luminosità.
- Un piccolo accento dal lato opposto della ruota dà a una palette analoga un punto focale senza rompere la sua calma.

I **colori analoghi** sono tonalità che stanno fianco a fianco sulla ruota dei colori: blu, verde acqua e verde, oppure rosso, arancio e giallo. Poiché ciascuno condivide qualcosa con il vicino, sembrano appartenere allo stesso insieme, come i colori di un tramonto o di un mare basso. Una palette analoga è di solito fatta di tre-cinque tonalità che coprono un piccolo arco della ruota, ed è la via più affidabile verso un aspetto calmo e unitario.

Questa guida mostra come costruirne una, come evitare che diventi piatta e perché i colori analoghi fanno i gradienti migliori. Se la ruota è una novità per te, leggi prima [come usare la ruota dei colori](https://gradiently.design/it/guide/color-wheel).

## Cosa rende analoghi dei colori

Non c’è un limite rigido, ma una regola utile è che le tonalità analoghe stanno entro circa un quarto della ruota, più o meno 90 gradi di tonalità. Un arco stretto di 30 gradi sembra quasi monocromatico. Oltre i 90 gradi le estremità cominciano a contrastare e la palette inizia a somigliare a un arcobaleno.

| Ampiezza sulla ruota | Esempio | Sensazione |
| --- | --- | --- |
| Circa 30 gradi | Blu, blu indaco | Quasi un solo colore, molto quieto |
| Circa 60 gradi | Blu, azzurro, verde acqua | Armonioso, con una lieve varietà |
| Circa 90 gradi | Indaco, blu, azzurro, verde acqua | Ricco, ma ancora unitario |
| Più di 120 gradi | Dal viola al verde | Comincia a sembrare un arcobaleno |

Come l’ampiezza dell’arco cambia il carattere di una palette analoga.

- Indaco: #4f46e5
- Blu: #2563eb
- Azzurro: #0284c7
- Verde acqua: #0d9488

Quattro vicini che coprono circa 70 gradi, dall’indaco fino al verde acqua.

## Palette di colori analoghi, con i codici

Il modo più facile per vedere i colori analoghi è come gradienti, perché è lì che danno il meglio. Ognuno di questi attraversa tonalità vicine e si schiarisce lungo il percorso, il che evita l’effetto piatto.

- Brace: ruggine, arancio, ambra: `linear-gradient(135deg, #7c2d12 0%, #ea580c 50%, #fbbf24 100%)`
- Laguna: blu notte, verde acqua, menta: `linear-gradient(135deg, #1e3a8a 0%, #0e7490 50%, #34d399 100%)`
- Bacche: viola, magenta, rosa: `linear-gradient(135deg, #4c1d95 0%, #a21caf 50%, #f472b6 100%)`
- Felce: bosco, oliva, lime: `linear-gradient(135deg, #14532d 0%, #3f6212 50%, #a3e635 100%)`
- Crepuscolo: inchiostro, indaco, pervinca: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #818cf8 100%)`
- Agrumi: verde, oro, arancio: `linear-gradient(135deg, #4d7c0f 0%, #ca8a04 50%, #f97316 100%)`

Sei gradienti analoghi. Ognuno copre un breve arco di tonalità e una lunga gamma di luminosità.

Nota che le palette calde (Brace, Bacche, Agrumi) e quelle fredde (Laguna, Felce, Crepuscolo) restano ciascuna su una sola temperatura. Gran parte della loro calma sta lì. Le palette analoghe calde sembrano vicine, vivaci e appetitose, e vanno bene per cibo, ospitalità ed eventi. Quelle fredde sembrano spaziose e stabili, e vanno bene per benessere, finanza e tecnologia. [Colori caldi e freddi](https://gradiently.design/it/guide/warm-and-cool-colors) approfondisce la temperatura.

Molte delle migliori palette analoghe vengono direttamente dalla natura, perché la luce che attraversa aria, acqua o foglie scivola gradualmente tra tonalità vicine. La foto di una costa, del sottobosco o di un cielo serale è una fonte già pronta; [estrarre una palette da un’immagine](https://gradiently.design/it/guide/color-palette-from-image) mostra come campionarne una senza scegliere colori sporchi.

## Perché i colori analoghi fanno i gradienti più morbidi

Quando un gradiente fonde due colori, ogni punto intermedio è un mix dei due. Mescola due vicini e il mix è semplicemente la tonalità nel mezzo, ancora satura. Mescola due opposti e il mix si annulla verso il grigio. Per questo [i gradienti complementari](https://gradiently.design/it/guide/complementary-colors) hanno bisogno di un punto d’appoggio al centro e quelli analoghi mai.

- Vicini: dal blu al verde acqua: `linear-gradient(90deg, #2563eb 0%, #0d9488 100%)`
- Opposti: dal blu all’arancio: `linear-gradient(90deg, #2563eb 0%, #ea580c 100%)`

Il primo resta pulito da un capo all’altro. Il secondo passa per un centro spento e grigiastro.

Questo rende le sfumature analoghe una scelta sicura per sfondi dietro al testo, campi di brand e grandi superfici. Per saperne di più sul centro spento, vedi [i gradienti sporchi](https://gradiently.design/it/guide/muddy-gradients).

## Come costruire una palette analoga

1. **Scegli una tonalità dominante** Parti dal colore che conta di più. Coprirà la maggior parte del design.
2. **Aggiungi uno o due vicini per lato** Resta entro circa 60-90 gradi. Inclinarsi da un lato dà alla palette una direzione: verso il caldo o verso il freddo.
3. **Distribuisci la luminosità** Rendi un colore profondo e uno chiaro. È ciò che impedisce a una palette analoga di sembrare un solo colore sbavato.
4. **Varia la saturazione** Smorza un poco i colori di supporto, così quello dominante si legge come protagonista.
5. **Decidi se serve un accento** Se il design ha bisogno di un punto focale, aggiungi una piccola quantità di un colore dal lato opposto della ruota.

## Aggiungere un accento a una palette analoga

La calma di una palette analoga è anche la sua debolezza: niente spicca. Quando un pulsante, un prezzo o una parola chiave devono farsi vedere, prendi in prestito un colore dall’altra parte della ruota e usane pochissimo. I designer a volte la chiamano analoga più accento. L’accento funziona proprio perché tutto il resto è d’accordo.

- Blu notte: #0c1a3a
- Blu: #1d4ed8
- Verde acqua: #0e7490
- Menta pallido: #99f6e4
- Accento: albicocca: #fb923c

Una famiglia analoga fredda dal blu notte alla menta, con un accento caldo dal lato opposto.

Un annuncio di prodotto verticale con un titolo su uno sfondo calmo e sfumato

Campi analoghi reggono il testo con calma, e vanno bene per post di prodotto ed editoriali.

## Errori comuni nelle palette analoghe

### Da evitare

- Ogni colore alla stessa luminosità
- Un arco così ampio da diventare un arcobaleno
- Mescolare senza un piano una dominante calda e una fredda
- Testo in un tono medio della palette

### Da fare

- Un colore profondo, uno medio e uno chiaro
- Da tre a cinque tonalità entro circa 90 gradi
- Una temperatura chiara
- Testo nel colore più scuro o più chiaro

Se vuoi ancora più unità, restringi l’arco a una sola tonalità e ottieni una [palette monocromatica](https://gradiently.design/it/guide/monochromatic-color-scheme). Se vuoi più energia, passa a una [palette triadica](https://gradiently.design/it/guide/triadic-colors).

## FAQ

### Cosa sono i colori analoghi?

I colori analoghi sono tonalità vicine sulla ruota dei colori, come blu, verde acqua e verde, oppure rosso, arancio e giallo.

### Quanti colori ci sono in uno schema analogo?

Di solito da tre a cinque tonalità entro circa un quarto della ruota dei colori, con una dominante e le altre di supporto.

### Perché i colori analoghi stanno bene nei gradienti?

Il mix tra due tonalità vicine è semplicemente la tonalità nel mezzo, quindi la sfumatura resta satura e non diventa mai grigia al centro.

### Come evito che una palette analoga sembri piatta?

Dalle un’ampia gamma di luminosità, varia un po’ la saturazione e, se serve, aggiungi un piccolo accento dal lato opposto della ruota.