# Generatore di palette colori AI: prompt per palette utilizzabili

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

Chiedi a un assistente «una bella palette» e ottieni cinque colori graziosi senza sapere quale porta il testo. Chiedi ruoli, motivi e contrasto e ottieni qualcosa con cui progettare già oggi.

## The short version

- Un generatore di palette colori AI dà risultati utilizzabili quando chiedi colori con ruoli, come fondo, testo, accento e superficie, invece di un elenco di codici esadecimali.
- Descrivere il luogo, il materiale o la sensazione dietro una palette produce colori più distintivi che nominare uno stile come pastello o minimale.
- Gli assistenti sbagliano spesso i rapporti di contrasto, quindi controlla tu ogni coppia testo e sfondo con un verificatore di contrasto.
- Le WCAG chiedono un rapporto di contrasto di almeno 4,5:1 per il testo corrente e 3:1 per il testo grande.
- Una palette è dimostrata solo quando l’hai usata in design reali a dimensioni reali, compresa una versione scura e una chiara se servono entrambe.

Qualsiasi assistente chat capace può funzionare da **generatore di palette colori AI**, e la differenza tra un elenco grazioso e una palette utilizzabile sta nel prompt. Chiedi da cinque a sette colori, ciascuno con un compito (fondo, testo, accento, superficie, bordo), un nome e un codice esadecimale, e descrivi un luogo o un materiale reali invece di uno stile. Poi controlla con un verificatore di contrasto ogni coppia che porterà testo, perché gli assistenti spesso dichiarano rapporti di contrasto che non hanno mai calcolato. I prompt e i controlli qui sotto richiedono circa dieci minuti.

## Perché i prompt generici danno palette generiche

«Dammi una palette pastello moderna» chiede al modello la risposta più tipica a una richiesta molto comune. Ottieni lo stesso verde menta, rosa cipria e lilla che offre ogni generatore gratuito. Bastano due cambiamenti: dai ai colori dei compiti e dai all’assistente qualcosa di specifico da immaginare.

### Prompt che delude

- «Una bella palette per il mio brand»
- Solo parole di stile: moderno, pulito, pastello
- Cinque codici esadecimali, senza ruoli
- Si fida delle affermazioni dell’assistente sul contrasto
- Giudicata come campioni nella chat

### Prompt che funziona

- Attività, pubblico e atmosfera in una riga
- Una fonte reale: un luogo, un materiale, un momento del giorno
- Ogni colore con un ruolo e un nome
- Contrasto verificato con uno strumento
- Giudicata su un post vero a dimensione reale

## Un prompt per palette da copiare

```text
Crea una palette di colori per [attività, una riga] rivolta a [pubblico].
Atmosfera: [tre parole]. Ispirazione: [un luogo, materiale o momento reale].
Da evitare: [colori o cliché che non vuoi].

Restituisci 6 colori in una tabella: ruolo, nome, hex.
Ruoli: sfondo, testo scuro, testo chiaro, colore principale, accento (da usare poco), superficie tenue.
Poi indica quali coppie sono pensate per il testo.
Non indicare rapporti di contrasto; li verificherò io.
```

L’ultima riga impedisce all’assistente di inventare numeri. Misurerai il contrasto come si deve nel passaggio successivo.

La riga «ispirata a» fa il grosso del lavoro. «Un porto alle sei del mattino», «piastrelle di terracotta dopo la pioggia» o «l’interno di una vecchia libreria» danno al modello qualcosa con veri rapporti cromatici, ed è per questo che battono le etichette di stile. [Palette di colori da un’immagine](https://gradiently.design/it/guide/color-palette-from-image) usa la stessa idea con una foto al posto delle parole.

## Un esempio concreto

Ecco il tipo di risultato da aspettarsi da un prompt per una piccola fioraia, ispirato a «una serra fredda all’inizio della primavera», con le parole d’atmosfera calma, fresca e discretamente costosa.

- Notte in serra: #0f1f1a
- Ombra di felce: #1f3b32
- Verde stelo: #4d7c66
- Ranuncolo: #e8a0a8
- Vetro appannato: #eef2ec
- Vetro brinato: #c9d6cc

Fondo, testo scuro, colore principale, accento, testo chiaro e superficie morbida. L’accento rosa è pensato per un solo piccolo punto per design.

Trasformala in uno sfondo prima di giudicarla. I campioni in fila sembrano sempre ordinati; i colori fusi insieme ti mostrano se la famiglia sta davvero bene insieme o diventa fangosa dove si incontrano.

Notte in serra, luce sullo stelo: `radial-gradient(circle at 80% 15%, #4d7c66 0%, #1f3b32 40%, #0f1f1a 80%)`

Il fondo scuro con il verde principale illuminato dall’alto a destra. Il testo color vetro appannato starebbe nella zona calma in basso a sinistra.

## Come verificare bene il contrasto di una palette

I modelli linguistici prevedono testo; non calcolano. Un modello può dirti che una coppia supera il controllo quando non è vero. Incolla ogni coppia di testo in un verificatore come il [verificatore di contrasto di WebAIM](https://webaim.org/resources/contrastchecker/) e usa le soglie WCAG.

| Uso | Minimo WCAG AA | Coppia d’esempio dalla palette |
| --- | --- | --- |
| Testo corrente ed etichette piccole | 4,5:1 | Vetro appannato `#eef2ec` su Notte in serra `#0f1f1a` |
| Testo grande (titoli) | 3:1 | Ranuncolo `#e8a0a8` su Ombra di felce `#1f3b32` |
| Icone e parti dell’interfaccia | 3:1 | Verde stelo `#4d7c66` su Vetro appannato `#eef2ec` |
| Solo decorazione | Nessun minimo | Vetro brinato `#c9d6cc` come superficie morbida |

Soglie delle WCAG 2. Misura ogni coppia che prevedi di usare; la tabella mostra quali testare, non i risultati.

Se una coppia non supera il controllo, fai all’assistente una richiesta mirata: «Scurisci il colore del testo scuro finché raggiunge 4,5:1 sulla superficie morbida, mantenendone la tonalità.» Poi misura di nuovo. [Contrasto dei colori e accessibilità](https://gradiently.design/it/guide/color-contrast-accessibility) spiega i rapporti, e [daltonismo nel design](https://gradiently.design/it/guide/color-blindness-design) tratta le coppie che superano il contrasto ma confondono comunque alcuni lettori, come rosso e verde di luminosità simile.

> **Le sfumature complicano il contrasto** Su una sfumatura o una foto, lo sfondo dietro il testo cambia da lettera a lettera. Controlla il punto più chiaro dietro il testo chiaro e il più scuro dietro il testo scuro, non la media.

## Prompt di seguito che migliorano una palette

- «Dammi una versione chiara di questa palette che mantenga lo stesso carattere, con gli stessi ruoli.»
- «Quale colore qui è più vicino a quelli dei miei concorrenti? Sostituiscilo con qualcosa che si distingua.»
- «Scrivi ogni colore anche in `oklch()` oltre che in esadecimale e mantieni uniformi i passi di luminosità tra i verdi.»
- «Suggerisci una ripartizione 60, 30, 10 per un post social con questa palette.»
- «Scrivi proprietà personalizzate CSS per questi colori, nominate per ruolo e non per tonalità.»

L’ultima è utile se sviluppi per il web: nominare per ruolo (`--ground`, `--text-deep`) ti permette di cambiare la palette più avanti senza toccare ogni regola. [La regola 60 30 10](https://gradiently.design/it/guide/60-30-10-rule) spiega la ripartizione, e [OKLCH spiegato](https://gradiently.design/it/guide/oklch-explained) mostra perché passi di luminosità uniformi rendono le fusioni più pulite.

```css
:root {
  --ground: #0f1f1a;
  --text-deep: #1f3b32;
  --main: #4d7c66;
  --accent: #e8a0a8;
  --text-light: #eef2ec;
  --surface-soft: #c9d6cc;
}
```

La palette della fioraia come variabili CSS nominate per ruolo.

## Prova la palette su design reali

Una palette si dimostra su un feed affollato, non in una chat. Crea con essa tre pezzi veri: un annuncio, una citazione e un post di saldi, alle dimensioni in cui pubblichi davvero. Se l’accento comincia a comparire ovunque, non è più un accento.

Un post Instagram verticale di una fioraia che annuncia gli steli di primavera, con testo chiaro su sfondo verde profondo

Un primo post di prova: fondo scuro, testo chiaro, una nota di colore.

In Gradiently le palette vivono nel brand kit, e un Mark mantiene da solo leggibili le parole: la sua zona più calma si sposta dietro il testo e l’inchiostro automatico sceglie testo chiaro o scuro per riga dai colori del Mark stesso, così le parole restano leggibili a ogni dimensione. [Generatore di palette di colori](https://gradiently.design/it/guide/color-palette-generator) tratta le strade non AI verso una palette, se preferisci partire a mano.

## FAQ

### ChatGPT può generare una palette di colori?

Sì. Chiedi colori con ruoli, nomi e codici esadecimali e descrivi un luogo o un materiale reali come ispirazione. Controlla tu il contrasto, perché gli assistenti possono dichiarare rapporti che non hanno mai calcolato.

### Qual è il miglior prompt per un generatore di palette colori AI?

Indica attività, pubblico, tre parole d’atmosfera, una fonte reale d’ispirazione e i colori da evitare, poi chiedi sei colori in una tabella di ruolo, nome ed esadecimale.

### Come verifico se una palette è accessibile?

Prova ogni coppia di testo e sfondo in un verificatore di contrasto. Le WCAG AA chiedono 4,5:1 per il testo corrente e 3:1 per il testo grande e le parti dell’interfaccia.

### Quanti colori dovrebbe avere la palette di un brand?

Da cinque a sette coprono la maggior parte dei brand: un fondo, uno o due colori per il testo, un colore principale, un accento usato con parsimonia e una superficie morbida.