Vai al selettore colori

Colori distinti che stanno bene insieme

Più colori diversi con la stessa luminosità e saturazione. Su icone, etichette, grafici e slide sembrano un unico set.

Quanti colori
6
Stile

Clicca su un colore per copiare il suo HEX.

Come stanno insieme

Sfondo
  • Home
  • Messaggi
  • Calendario
  • File
  • Foto
  • Musica
HomeMessaggiCalendarioFileFotoMusica
68%
53%
25°
Formato

Codice

#ea6a64
#bf9000
#4db155
#00acba
#6793fa
#c972ce

Controlla i tuoi colori

Incolla i colori che usi già, uno per riga o separati da spazi. Vedrai se sono sullo stesso livello e otterrai un set corretto con le stesse tonalità.

Domande e risposte

Perché colori con la stessa luminosità HSL sembrano disuguali?

HSL tratta tutte le tonalità allo stesso modo, ma l'occhio no: giallo e verde sembrano molto più chiari del blu con gli stessi numeri HSL. Questo strumento lavora in OKLCH, dove la stessa luminosità sembra uguale, così nessuna icona o barra del grafico spicca per caso.

Quanti colori distinti si riescono a riconoscere?

In un grafico o in una legenda la maggior parte delle persone distingue in fretta 6-8 colori. Fino a 12 funziona ancora con le etichette accanto ai colori. Con più categorie, raggruppa quelle piccole o aggiungi etichette, motivi o icone.

Quale stile devo scegliere?

Pastello e Tenui vanno bene come sfondo di etichette e badge con testo scuro. Vivaci e Intensi vanno bene per icone, barre e linee di grafici su sfondo bianco. Profondi e Scuri vanno bene per riquadri con testo bianco e per accenti nei temi scuri.

Posso scrivere del testo su questi colori?

Sì. L'anteprima sceglie testo nero o bianco per ogni colore. Gli stili chiari usano testo scuro, quelli profondi testo bianco. Per il testo lungo, controlla la coppia esatta nel verificatore di contrasto.

I colori con uguale luminosità vanno bene per il daltonismo?

I colori dello stesso livello differiscono solo per la tonalità, che è la cosa più difficile per chi è daltonico. Nei grafici aggiungi etichette o motivi, oppure controlla il set nel simulatore di daltonismo. Per icone con etichetta di testo di solito va bene.