# Generatori di palette di colori: come ottenere palette che funzionano

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

I generatori sono bravissimi a produrre cinque bei campioni e pessimi nel dirti che cosa farne. La parte utile arriva dopo aver premuto il pulsante.

## The short version

- Un generatore di palette di colori produce un insieme di colori da una regola, un seme casuale, una foto o un testo, ma non decide quale colore svolge quale compito.
- La maggior parte delle palette generate dà a ogni colore lo stesso peso e una saturazione simile: come campioni vanno bene, in un design vero risultano rumorose.
- Una palette utilizzabile ha bisogno di uno sfondo chiaro o scuro, di un colore d’inchiostro per il testo, di uno o due colori principali e di un piccolo accento.
- Controlla che la palette copra un’ampia gamma di luminosità: i colori di luminosità simile si confondono e non superano i controlli di contrasto.
- Prova sempre una palette generata su un layout reale con parole vere prima di sceglierla.

Un **generatore di palette di colori** è uno strumento che propone un insieme di colori che stanno bene insieme, usando regole della teoria del colore, il caso, una foto o un testo scritto. Usalo per sbloccarti, poi correggi il risultato: aggiungi uno sfondo neutro e un colore per il testo, dai a ogni colore un compito e provalo su un design vero. I cinque campioni del generatore sono un punto di partenza. La palette che funziona è quella che ricavi modellandoli.

## I tipi principali di generatore di palette

Ogni generatore, sotto il cofano, fa una di quattro cose. Sapere quale usi ti dice in che cosa è bravo e che cosa dovrai correggere.

| Tipo | Come funziona | Va bene per | Attenzione a |
| --- | --- | --- | --- |
| Cerchio delle armonie | Sceglie colori ad angoli fissi da una tinta base: complementari, analoghi, triadici | Imparare e costruire attorno a un colore che hai già | Cinque colori con la stessa saturazione, che sembra sintetica |
| Casuale con blocchi | Mescola i colori; blocchi quelli che ti piacciono e rimescoli | Scoprire e rompere un’abitudine | Combinazioni gradevoli senza alcuna struttura dietro |
| Da un’immagine | Campiona i colori dominanti di una foto | Abbinarsi a un prodotto, un luogo o una foto di campagna | Mezzitoni fangosi e colori inutilizzabili per il testo |
| Da un prompt | Un modello AI suggerisce colori per parole come panificio sereno | Idee rapide per un’atmosfera o un brief di brand | Cliché diffusi e codici di cui nessuno ha verificato il contrasto |

Adobe Color è un noto cerchio delle armonie; Coolors è un noto generatore casuale con blocchi. La maggior parte degli strumenti mescola più approcci.

Se vuoi capire le regole dietro i cerchi delle armonie, leggi [l’armonia dei colori](https://gradiently.design/it/guide/color-harmony). Per l’approccio da foto, [palette di colori da un’immagine](https://gradiently.design/it/guide/color-palette-from-image) spiega come scegliere campioni migliori, e i [generatori di palette di colori con AI](https://gradiently.design/it/guide/ai-color-palette-generator) trattano i prompt.

## Perché le palette generate spesso falliscono nei design veri

Un generatore mostra i colori come cinque strisce uguali. I design veri sono tutt’altro: un colore copre quasi tutto lo spazio, uno porta le parole e gli altri compaiono in piccole quantità. Ecco un tipico risultato casuale accanto alla stessa idea dopo le correzioni.

- Rosso: #e63946
- Giallo: #f1c40f
- Verde: #2ecc71
- Blu: #3498db
- Viola: #9b59b6

Come generata: cinque tinte sature di forza simile. Niente su cui leggere il testo, niente di calmo e nessuno al comando.

- Sfondo #f7f3ec: #f7f3ec
- Inchiostro #1c2321: #1c2321
- Verde acqua principale #2a6f68: #2a6f68
- Salvia di supporto #a8c5b8: #a8c5b8
- Accento corallo #e07a5f: #e07a5f

Dopo le correzioni: uno sfondo bianco caldo, un inchiostro quasi nero (14,5:1 sullo sfondo), un verde acqua che regge il colore dello sfondo come testo a 5,3:1, un supporto discreto e un solo accento.

## Cinque ritocchi che rendono utilizzabile qualsiasi palette generata

1. **Tieni l’unico colore che ti piace davvero** Bloccalo e trattalo come colore principale. Tutto il resto esiste per sostenerlo. Se niente spicca, genera di nuovo invece di accontentarti.
2. **Aggiungi uno sfondo e un inchiostro** I generatori raramente li includono. Scegli uno sfondo chiaro (un bianco caldo o freddo) o scuro, e un colore d’inchiostro per il testo che contrasti forte. Sfumali leggermente verso il colore principale perché appartengano alla palette.
3. **Distribuisci la luminosità** Immagina i campioni in scala di grigi, oppure convertili a schermo. Vuoi valori chiari, medi e scuri, non cinque medi. Regola la luminosità finché ogni colore è nettamente separato.
4. **Abbassa la saturazione di tutti tranne uno** Lascia vivace l’accento e calma gli altri. Un colore di supporto più morbido del principale fa sembrare il principale più ricco.
5. **Assegna le proporzioni** Un buon punto di partenza è la [regola 60 30 10](https://gradiently.design/it/guide/60-30-10-rule): sfondo circa 60%, colore principale circa 30%, accento circa 10%. Aggiusta a occhio quando lo vedi in un layout.

Per fare queste correzioni con precisione, lavora in un formato colore che separi luminosità e tinta. [HSL](https://gradiently.design/it/guide/hsl-colors) è facile da leggere; [OKLCH](https://gradiently.design/it/guide/oklch-explained) è più bravo a mantenere onesta la luminosità tra tinte diverse.

## Prova la palette su un layout reale

I campioni nascondono problemi che emergono appena arrivano le parole. Metti la palette su qualcosa che faresti davvero, come un post, un menu o una sezione hero, e guardala alla dimensione in cui la vedranno le persone. Poi controlla ogni coppia di testo con un [verificatore di contrasto](https://gradiently.design/it/guide/color-contrast-accessibility).

Un post Instagram verticale che annuncia un nuovo menu, in una famiglia di colori calma con testo chiaro e leggibile

Una palette si guadagna il posto in un formato reale con parole vere. Se qui il titolo fatica, cambia la palette, non il titolo.

Un gradiente è una prova rapida in più. Fondi insieme sfondo, colore principale e supporto: se la miscela diventa grigia al centro, due colori stanno litigando, come spiegano i [gradienti fangosi](https://gradiently.design/it/guide/muddy-gradients).

La palette corretta come gradiente: `linear-gradient(160deg, #f7f3ec 0%, #a8c5b8 45%, #2a6f68 85%, #1c2321 100%)`

Dallo sfondo alla salvia, al verde acqua, all’inchiostro, senza macchie grigie lungo la strada. Il corallo resta fuori, riservato ai piccoli accenti.

## Salvala come token, non come screenshot

Quando la palette funziona, dai ai colori il nome del loro compito e non della loro tinta, così potrai cambiare il verde acqua più avanti senza rinominare tutto. Nel codice significa variabili CSS; negli strumenti di design significa stili con nome; in Gradiently significa il kit del brand, dove palette, font e voce vivono insieme e il Designer li applica a ciò che crea.

```css
:root {
  --color-ground:  #f7f3ec;
  --color-ink:     #1c2321;
  --color-main:    #2a6f68;
  --color-support: #a8c5b8;
  --color-accent:  #e07a5f;
}

.button {
  background: var(--color-main);
  color: var(--color-ground);
}
```

I nomi di ruolo sopravvivono a un rebranding. Una variabile chiamata --teal no.

## Cercare per colore invece di generare

A volte ciò che vuoi davvero non sono cinque codici ma uno sfondo finito in una famiglia di colori. Il Mercato di Gradiently ti permette di cercare i Mark con parole di colore come «verde acqua profondo» o «pesca calda» e di filtrare per aspetto. Ogni Mark è uno sfondo vivo di gradienti e materiali con la sua palette e la sua voce tipografica, confrontato con tutti gli altri perché non ce ne siano due uguali, e puoi progettare gratis con qualsiasi Mark non ancora riservato. È un’altra strada verso lo stesso obiettivo: colori che stanno bene insieme, già al lavoro.

## FAQ

### Qual è il miglior generatore di palette di colori?

Dipende da come lavori: i cerchi delle armonie vanno bene per costruire attorno a un colore, i generatori casuali con blocchi per scoprire, i campionatori di immagini per abbinarsi a una foto. Tutti richiedono ritocchi dopo.

### Quanti colori deve avere una palette?

La maggior parte dei brand funziona bene con uno sfondo, un inchiostro, uno o due colori principali e un accento, quindi quattro o cinque in tutto. Di più è difficile da mantenere coerente.

### Perché la mia palette generata sta male nel mio design?

Di solito i colori hanno luminosità e saturazione simili e nessun ruolo chiaro. Aggiungi uno sfondo neutro e un colore per il testo, distribuisci la luminosità e tieni un solo accento vivace.

### Come verifico l’accessibilità di una palette?

Prova ogni coppia di testo e sfondo con un verificatore di contrasto, puntando ad almeno 4,5:1 per il testo corrente, e guarda la palette in scala di grigi per essere sicuro che i colori siano distinti.