Crea palette cromatiche armoniose da una ruota dei colori interattiva — applica regole di armonia come analogica, complementare o triade, poi copia qualsiasi valore all'istante.

Luminosità 100%
Regola di armonia
Colore attivo
HEX
RGB
HSL
Palette

Scegli una regola di armonia e un colore base, poi trascina i marcatori della ruota per affinare. Clicca su un campione per copiarlo, o impostalo come nuovo colore base.


Informazioni su Generatore di palette colori

Il Generatore di Palette di Colori crea schemi cromatici armoniosi partendo da una ruota dei colori interattiva. Scegli un colore base, seleziona una regola di armonia — analoga, monocromatica, triade, complementare, complementare divisa, quadrata, sfumature o completamente personalizzata — e lo strumento calcola all'istante una palette corrispondente, con indicatori trascinabili sulla ruota per un affinamento preciso.

Ogni campione mostra i suoi valori HEX, RGB, HSL e HSB, e qualsiasi colore della palette può diventare la nuova base con un clic. Uno slider di luminosità rende l'intero schema più chiaro o più scuro mantenendo bloccate le relazioni di tonalità, il che rende molto rapido esplorare variazioni di uno schema.

Tutto viene calcolato dal vivo nel tuo browser usando la matematica della teoria del colore sulla ruota HSV: non ci sono caricamenti né richieste al server. Quando la palette ti convince, copia i singoli valori, tutti i colori insieme, variabili CSS già pronte o un'esportazione JSON.

Come usare Generatore di palette colori

  1. Scegli un colore base con il selettore, digita un valore, oppure clicca su "Casuale".
  2. Scegli una regola di armonia come analoga, complementare, triade o quadrata.
  3. Trascina gli indicatori sulla ruota e regola lo slider di luminosità per affinare lo schema.
  4. Clicca su un campione per copiarlo, oppure impostalo come nuovo colore base per iterare.
  5. Esporta la palette con "Copia tutto", "Copia variabili CSS" o "Copia JSON".

Domande frequenti

Sì, è completamente gratuito. La matematica della palette gira interamente nel tuo browser, quindi non ci sono crediti, account o limiti di utilizzo.

Ogni regola posiziona gli altri colori della palette ad angoli fissi sulla ruota dei colori rispetto alla tua base: la complementare si trova all'opposto (180°), la triade distribuisce i colori a 120° l'uno dall'altro, l'analoga mantiene i colori vicini tra loro, la complementare divisa affianca la tonalità opposta e la quadrata distribuisce quattro tonalità a 90° l'una dall'altra.

Gli schemi analoghi o monocromatici sono i più sicuri per le interfacce perché trasmettono calma e coerenza. Usa la complementare o la complementare divisa quando ti serve un colore d'accento forte per pulsanti e call to action su una tonalità base dominante.

Sì. Passa alla regola Personalizzata e trascina ogni indicatore in modo indipendente sulla ruota, oppure parti da qualsiasi regola di armonia e trascina gli indicatori per adattarla: lo strumento aggiorna la palette man mano che li sposti.

Ogni campione mostra i valori HEX, RGB, HSL e HSB, tutti copiabili singolarmente. Puoi anche copiare l'intera palette come valori semplici, come proprietà personalizzate CSS pronte per un foglio di stile, oppure come JSON da passare a codice o strumenti di design.


Ricerche popolari
generatore palette colori ruota dei colori generatore armonia colori colori complementari schema colori analogo generatore palette gratis
Hai bisogno di aiuto?
Hai riscontrato un problema con questo strumento? Faccelo sapere.
Segnala un problema

Aggiungi questo strumento gratuito al tuo sito web — copia e incolla il codice qui sotto.