Generatore di palette – Palette armoniose

Scegli un'armonia, trascina i punti collegati sulla ruota dei colori interattiva e regola la luminosità per creare una palette equilibrata.

Tipo di armonia

Prova un esempio

Ruota dei colori interattiva

Trascina un punto per ruotare l’armonia. Spostalo verso il centro per ridurre la saturazione.

60%
H 217°S 91%L 60%
Armonia principale (2)Varianti di supporto (3)
Base
Complementare

Base

#3B82F6

Complementare

#EEAD44

Base · Variante 1

#AAC0E3

Complementare · Variante 1

#E0CDAD

Base · Variante 2

#255BB1

Altri strumenti

Crea palette armoniose all'istante

Scegliere colori che stiano bene insieme è una delle sfide più comuni nel design. Le regole di armonia cromatica, basate sulle relazioni tra le tonalità sul cerchio cromatico, offrono una base affidabile per creare palette equilibrate.

Questo generatore di palette prende qualsiasi colore base e applica le regole di armonia standard per produrre un insieme di colori armoniosi. Inserisci un colore in formato HEX, RGB o HSL e passa tra i tipi di armonia per esplorare diverse combinazioni.

Tipi di armonia spiegati

  • Complementare — due colori opposti sul cerchio cromatico (a 180°). Alto contrasto, combinazioni audaci.
  • Analoga — tre colori adiacenti sul cerchio (a 30°). Naturalmente armoniosa e basso contrasto.
  • Triadica — tre colori equidistanti sul cerchio (a 120°). Vivace e equilibrata.
  • Complementare divisa — un colore base più due colori adiacenti al suo complementare (150° e 210°). Più morbida del complementare puro.
  • Tetradica (quadrato) — quattro colori equidistanti sul cerchio (a 90°). Palette ricche e complesse.

Come usare il generatore di palette

  1. Inserisci un colore base — digita un valore HEX, RGB o HSL, oppure usa il selettore colore nativo
  2. Scegli un tipo di armonia dal selettore
  3. Trascina un punto collegato sulla ruota per cambiare tonalità e saturazione, quindi regola la luminosità
  4. Visualizza la palette generata come campioni di colore
  5. Copia i valori HEX o RGB di qualsiasi campione con un clic
  6. Passa tra i tipi di armonia per confrontare diverse palette

Quando usare un generatore di palette

  • All'avvio di un nuovo progetto di design con bisogno di una palette equilibrata
  • Per costruire un'identità di marca intorno a un colore principale
  • Per creare temi di interfaccia con colori di accento armoniosi
  • Per esplorare le relazioni cromatiche in illustrazione o arte
  • Per generare palette rapidamente per presentazioni o prototipi

Armonia principale e varianti di supporto

Ogni armonia genera cinque campioni. La complementare ha due colori principali; analoga, triadica e complementare divisa ne hanno tre, mentre la tetradica ne ha quattro. I restanti sono varianti di supporto con saturazione o luminosità regolate.

Cinque colori da un colore di base

Il colore di base indicato viene mantenuto mentre la ruota calcola l’armonia e le varianti. Per i colori dominanti di un’intera immagine usa l’Estrattore di palette da immagine; per un pixel preciso usa il Color Picker.

Usare HEX, RGB, HSL e OKLCH

Il campo accetta HEX, RGB, HSL e OKLCH. Copia un campione in HEX o RGB oppure l’intera palette come cinque codici HEX maiuscoli separati da virgole.

Veloce, gratuito e privato

Tutti i calcoli avvengono nel browser. Non sono previsti account, caricamenti, archiviazione o elaborazione server; la ruota funziona con mouse, tocco e tastiera.

La ruota mostra relazioni cromatiche teoriche, ma non garantisce la leggibilità. Usa il Verificatore di contrasto per misurare il contrasto WCAG e il Convertitore di colori per cambiare formato.

Domande frequenti

Cos'è un'armonia cromatica?
L'armonia cromatica si riferisce a combinazioni di colori visivamente piacevoli insieme. Queste combinazioni si basano sulle relazioni geometriche tra le tonalità sul cerchio cromatico — ad esempio colori opposti (complementari) o equidistanti (triadici).
Quale tipo di armonia devo usare?
Dipende dal tuo obiettivo di design. Il complementare crea forte contrasto e impatto visivo. L'analoga trasmette calma e coesione. La triadica è vivace e equilibrata. La complementare divisa offre contrasto con meno tensione. La tetradica dà palette ricche e complesse, ideali per design con molti elementi.
Quali formati di colore posso inserire?
Puoi inserire HEX, RGB, HSL o OKLCH; il formato viene rilevato automaticamente.
Come vengono calcolati i colori della palette?
Il colore base viene convertito in HSL e disposto agli angoli esatti dell'armonia scelta. Ogni relazione viene ampliata in cinque campioni pratici con variazioni equilibrate di saturazione e luminosità. La ruota interattiva mostra ogni campione: trascinando un punto ruota tutta l'armonia, mentre il cursore della luminosità aggiorna la palette.
Posso copiare i colori generati?
Sì. Copia ogni colore in HEX o RGB oppure l’intera palette come cinque codici HEX maiuscoli separati da virgole.
Questo strumento funziona su mobile?
Sì. La ruota responsive funziona al tocco sui dispositivi mobili e con mouse o tastiera sul computer.
Questo strumento è gratuito?
Sì. ColourPicker.app è completamente gratuito, senza registrazione.
Posso salvare le mie palette generate?
Lo strumento non salva le palette tra le sessioni. Puoi copiare i valori dei singoli colori e salvarli nei tuoi file di progetto o strumento di design.
Cosa mostra una ruota dei colori?
Dispone le tonalità in cerchio: l’angolo rappresenta la tonalità, la distanza dal centro la saturazione e il controllo separato la luminosità.
Perché ogni palette contiene cinque colori?
Cinque campioni offrono un set costante di due-quattro colori principali più le varianti di supporto necessarie.
Cosa sono i colori principali e le varianti di supporto?
I colori principali formano la geometria scelta; le varianti riutilizzano quelle tonalità con saturazione o luminosità diverse.
Un’armonia garantisce un contrasto sufficiente?
No. L’armonia descrive i rapporti tra tonalità; verifica separatamente il contrasto WCAG tra primo piano e sfondo.