Generatore di palette colori AI: prompt per palette utilizzabili

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.

Un prompt per palette da copiare

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.

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 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.

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.

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 e usa le soglie WCAG.

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à spiega i rapporti, e daltonismo nel design tratta le coppie che superano il contrasto ma confondono comunque alcuni lettori, come rosso e verde di luminosità simile.

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 spiega la ripartizione, e OKLCH spiegato mostra perché passi di luminosità uniformi rendono le fusioni più pulite.

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

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.

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 tratta le strade non AI verso una palette, se preferisci partire a mano.