Generatore palette colori per grafici
Genera colori per categorie, valori ordinati o un punto medio. Guarda un grafico di esempio e copia i colori per la tua libreria.
Genera colori per grafici ↓Inserisci colori opachi validi e scegli le opzioni disponibili.
I colori categorici distinguono gruppi; quelli sequenziali indicano un ordine; quelli divergenti un punto medio. Le variazioni generate possono essere limitate al gamut sRGB.
Valori di esempio, non statistiche. Usa anche etichette, simboli o motivi. Il solo rapporto 3:1 sullo sfondo non certifica un grafico.
| Serie | HEX | Contrasto sullo sfondo |
|---|
// Pass this array as your dataset backgroundColor or borderColor.
const colors = [
"#2563EB",
"#AC3C99",
"#BF4100",
"#677C00",
"#008E89"
];Cosa offre questa pagina
- Usa palette triadiche o tetradiche quando le categorie devono separarsi.
- Evita rosso e verde come unica differenza tra stati.
- Controlla colori grafico su sfondi chiari e scuri.
Ideale per
- Dashboard
- Report
- Data visualization
Come usarlo
Posso usarlo con il generatore principale?
Sì. Parti da questa pagina, poi apri lo strumento Chromoforge con lo stesso colore base ed esporta la palette.
Quanti colori può avere un grafico?
Sei-otto colori categorici sono il limite pratico. Oltre, le tinte adiacenti smettono di essere distinguibili a dimensioni piccole. Raggruppa la coda lunga in una voce "altro" oppure passa a una scala sequenziale o divergente costruita su una sola tinta.
I colori di un grafico devono rispettare il contrasto WCAG?
In parte si. WCAG 1.4.11 richiede 3:1 tra elementi grafici significativi e lo sfondo o i colori adiacenti. Le etichette testuali dentro al grafico restano a 4.5:1. Non affidare mai il significato alla sola tinta: aggiungi etichette dirette, forme o pattern.