# Come scegliere i colori del brand: un metodo passo passo

[Canonical HTML page](https://gradiently.design/it/guide/how-to-choose-brand-colors)

I colori del brand si scelgono, non si trovano. Un metodo chiaro ti porta dalla pagina bianca a una palette riconoscibile, leggibile e ancora giusta tra due anni.

## The short version

- Per scegliere i colori del brand, parti dal carattere del brand e dal suo pubblico, poi guarda quali colori usa già il tuo settore.
- Una palette di brand forte si costruisce attorno a un solo colore principale che le persone possano associare a te, non a più colori di pari peso.
- La maggior parte di una palette di brand è fatta di neutri: uno scuro tinto per il testo, un chiaro tinto per gli sfondi e uno o due colori di supporto discreti.
- Un colore d’accento, usato con parsimonia, dà agli inviti all’azione e ai punti salienti un modo per spiccare.
- Ogni palette di brand va verificata per il contrasto del testo e nei formati reali, in piccolo e in stampa, prima di metterla per iscritto.

**Come scegliere i colori del brand**, in breve: decidi che sensazione deve dare il brand, guarda i colori che i concorrenti hanno già fatto propri, scegli un colore principale che ti distingua, circondalo di neutri e di un piccolo accento, poi verifica tutto per il contrasto e nei design reali. I passaggi qui sotto trasformano tutto questo in un metodo che puoi completare in un pomeriggio. Il risultato è una palette in cui ogni colore ha un compito, invece di cinque colori che ti piacciono per caso.

Se tinta, saturazione e luminosità sono concetti nuovi per te, leggi prima [le basi della teoria del colore](https://gradiently.design/it/guide/color-theory-basics). Ogni passaggio diventerà più semplice.

## Il metodo in sintesi

1. **Descrivi il carattere del brand in tre parole** Calmo, preciso, caldo. Audace, giocoso, locale. Queste parole decidono temperatura, saturazione e contrasto prima ancora che tu guardi un solo campione.
2. **Sappi chi ti guarda** Considera il tuo pubblico, dove ti vedrà e, se lavori in più paesi, cosa significano lì i colori. [Il significato dei colori nel mondo](https://gradiently.design/it/guide/color-meanings-around-the-world) ti aiuta.
3. **Mappa il tuo settore** Raccogli loghi, siti e packaging di dieci concorrenti e annota i loro colori principali. Stai cercando cosa è affollato e cosa è libero.
4. **Scegli un colore principale** Un colore che le persone assoceranno a te. Deve rispecchiare le tue tre parole e distinguersi nella mappa del settore.
5. **Aggiungi i neutri** Un quasi nero tinto per il testo e un quasi bianco tinto per gli sfondi, più un tono di supporto discreto.
6. **Aggiungi un accento** Un colore a contrasto per pulsanti, prezzi e punti salienti, usato con parsimonia.
7. **Verifica il contrasto** Controlla ogni coppia di testo e sfondo rispetto ai rapporti WCAG.
8. **Prova nel contesto e mettilo per iscritto** Applica la palette ai formati reali, poi registra ogni codice e il ruolo di ogni colore.

## Passi da 1 a 3: carattere, pubblico e settore

La maggior parte delle palette di brand fallisce prima ancora di scegliere un colore, perché nessuno ha deciso che sensazione deve dare il brand. Bastano tre parole. *Caldo, artigianale, senza fretta* porta verso colori terrosi e smorzati con un contrasto morbido. *Netto, veloce, tecnico* porta verso colori freddi e saturi con un contrasto forte. [La psicologia del colore](https://gradiently.design/it/guide/color-psychology) spiega cosa tendono a comunicare i colori e perché il contesto conta più delle regole.

Poi guarda la concorrenza. Supponi di essere una piccola torrefazione e che quelle vicine a te usino soprattutto marrone, crema e nero. Un altro marrone si confonderebbe. Una mappa del settore lo rende evidente.

| Concorrente | Colore principale | Sensazione |
| --- | --- | --- |
| Torrefazione A | Marrone espresso | Tradizionale |
| Torrefazione B | Crema e nero | Minimale, classica |
| Torrefazione C | Marrone kraft | Artigianale |
| Torrefazione D | Verde bosco | Naturale |
| Spazio libero | Arancio caldo, verde petrolio profondo | Nessuno nei dintorni li usa |

Una mappa del settore illustrativa. I colori affollati diventano evidenti appena li scrivi in un unico posto.

Essere diversi non significa essere casuali. Gli spazi liberi migliori rispecchiano comunque le tue tre parole. Una torrefazione calda e artigianale potrebbe prendersi un arancio tostato; un blu elettrico brillante sarebbe diverso, ma sbagliato.

## Passi da 4 a 6: principale, neutri e accento

Il **colore principale** è quello che le persone ricorderanno. Affidagli la maggior parte dei momenti di colore del brand: il logo, il packaging, il primo fotogramma di ogni post. Scegliere due o tre colori principali di pari peso disperde la riconoscibilità; uno solo è più forte.

I neutri fanno la maggior parte del lavoro. Nero e bianco puri sembrano generici; tingili leggermente verso il tuo colore principale oppure verso il caldo o il freddo, e tutta la palette sembrerà coerente. Poi aggiungi un colore di supporto discreto per pannelli e illustrazioni, e un accento per le poche cose che devono spiccare.

- Principale: arancio tostato: #c2410c
- Inchiostro: nero caldo: #1c1917
- Carta: bianco caldo: #faf7f2
- Supporto: avena: #e7dccb
- Accento: petrolio profondo: #0f766e

La palette della torrefazione: un colore principale, due neutri tinti, un supporto discreto e un accento freddo dal lato opposto della ruota.

### Da evitare

- Cinque colori della stessa importanza
- `#000000` e `#ffffff` puri come neutri
- Un accento usato ovunque
- Scegliere in base al proprio colore preferito

### Da fare

- Un colore principale, chiaramente in testa
- Neutri tinti verso il brand
- Un accento riservato ad azioni e punti salienti
- Scegliere in base al carattere e allo spazio libero nel settore

La [regola 60-30-10](https://gradiently.design/it/guide/60-30-10-rule) è una guida pratica alle proporzioni: circa 60% neutri, 30% principale e supporto, 10% accento. I numeri esatti contano meno di un ordine chiaro.

## Passo 7: verifica il contrasto

Le WCAG chiedono un rapporto di contrasto di almeno 4,5:1 per il testo normale e 3:1 per il testo grande. Controlla ogni coppia che intendi usare. I colori di brand a metà della scala di luminosità, come molti arancioni e verdi, spesso funzionano con il testo bianco ma non con il nero, oppure solo in grande.

| Testo su sfondo | Rapporto | Da usare per |
| --- | --- | --- |
| Inchiostro su carta | 16,4:1 | Tutto il testo |
| Carta su arancio tostato | 4,9:1 | Testo corrente e grande |
| Inchiostro su arancio tostato | 3,4:1 | Solo testo grande |
| Petrolio profondo su carta | 5,1:1 | Link e testo corrente |
| Inchiostro su avena | 12,9:1 | Tutto il testo |

Rapporti di contrasto della palette d’esempio, calcolati con la formula WCAG.

[Il contrasto dei colori](https://gradiently.design/it/guide/color-contrast-accessibility) spiega i rapporti e come misurarli. Se il tuo colore principale non funziona né con il testo chiaro né con quello scuro, scuriscilo leggermente invece di rinunciarci; qualche punto percentuale di luminosità passa quasi sempre inosservato.

## Passo 8: prova nel contesto, poi mettilo per iscritto

I campioni mentono. Un colore che sembra raffinato in un piccolo quadrato può risultare opprimente su un’intera storia, e un neutro delicato può sparire su un telefono al sole. Applica la palette ai formati che userai davvero.

- Post Instagram: 1080 × 1350
- Storia: 1080 × 1920
- Hero del sito: 1920 × 1080
- Biglietto da visita: 1050 × 600

Quattro formati su cui vale la pena provare una nuova palette, dal verticale al piccolo.

- **In piccolo:** il colore principale si legge ancora come tale in una favicon o in una foto profilo?
- **In stampa:** il colore principale si riproduce con l’inchiostro? I colori molto vivaci sullo schermo spesso si stampano più spenti. Vedi [stampare i gradienti](https://gradiently.design/it/guide/print-gradients).
- **Modalità scura:** i neutri si invertono con eleganza?
- **Accanto ai concorrenti:** metti il tuo post vicino ai loro. Capisci a colpo d’occhio qual è il tuo?

Infine, mettilo per iscritto: nome, HEX e RGB di ogni colore, gli equivalenti CMYK o Pantone se stampi, il ruolo di ogni colore e gli abbinamenti di testo approvati. Inseriscilo nella tua [guida di stile del brand](https://gradiently.design/it/guide/brand-style-guide) e nel brand kit, così viene usato allo stesso modo ovunque.

> **Oltre il colore piatto** Un colore principale può diventare un gradiente o un materiale distintivo, molto più difficile da copiare. [Il branding con i gradienti](https://gradiently.design/it/guide/gradient-branding) spiega come renderlo tuo.

## FAQ

### Quanti colori deve avere un brand?

Di solito un colore principale, due neutri, un colore di supporto e un accento. Oltre diventa difficile usarli in modo coerente.

### Come scelgo un colore di brand che si faccia notare?

Mappa i colori principali dei concorrenti, trova un colore poco usato nel tuo settore e verifica che rispecchi ancora il carattere del tuo brand.

### I colori del brand vanno scelti in base alla psicologia del colore?

Usa le associazioni come guida, non come regola. Il significato dei colori dipende molto da cultura, settore e contesto, quindi essere riconoscibili e coerenti di solito conta di più.

### Che contrasto devono avere i colori del brand per il testo?

Le WCAG raccomandano almeno 4,5:1 per il testo normale e 3:1 per il testo grande. Controlla ogni coppia di testo e sfondo che pensi di usare.

### Posso cambiare i colori del brand in seguito?

Sì, ma la riconoscibilità costruita sui vecchi colori si perde gradualmente. Piccoli ritocchi a luminosità o saturazione sono più semplici che cambiare tinta.