Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

Ruota dei colori interattiva: trova le armonie cromatiche corrispondenti

Trova schemi di colori complementari, analoghi, triadici, tetradici e quadrati. Regola HEX, saturazione e luminosità, quindi copia i colori corrispondenti gratuitamente senza account.

Trascina per scegliere un colore di base — copia i codici esadecimali di ogni armonia classica.

Colore HEX / CSS
Armonia

Le armonie della ruota cromatica spiegate

Complementare

I colori complementari si trovano esattamente opposti sulla ruota cromatica — blu e arancione, rosso e verde. Creano il massimo contrasto e vivacità possibile, rendendo i design più energici e facendo risaltare le call to action. Usa un colore come dominante e il suo complementare con parsimonia come accento, per evitare tensione visiva.

Complementare diviso

Lo schema split-complementare prende un colore di base più i due colori adiacenti al suo complementare. Mantieni l'alto contrasto di uno schema complementare ma ammorbidisci la tensione, rendendo molto più difficile sbagliare. È uno schema ideale per iniziare: una tonalità dominante, due accenti di supporto e un risultato naturalmente equilibrato.

Analogo

Gli schemi analoghi usano tre colori adiacenti sulla ruota, come giallo, giallo-verde e verde. Poiché i colori vicini condividono una sottotonalità, il risultato appare sereno, armonioso e naturale — pensa ai tramonti e alle foreste. Scegli un colore dominante, usa quelli adiacenti come supporto e aggiungi un neutro per il contrasto.

Triadico

Uno schema triadico sceglie tre colori distanziati in modo uniforme di 120 gradi, come rosso, giallo e blu. Resta vivace anche usando versioni tenui o smorzate, e rimane equilibrato perché nessuna tonalità domina per vicinanza. Lascia che un colore guidi la palette e riserva gli altri due per accenti e dettagli in risalto.

Tetradico (rettangolo)

Gli schemi tetradici (rettangolo) usano quattro colori disposti come due coppie complementari, distanziate di 60 gradi. Offrono la varietà più ricca tra le armonie classiche, ma sono anche i più difficili da bilanciare — scegli un colore dominante, attenua gli altri e controlla con attenzione il rapporto tra tonalità calde e fredde.

Quadrato

Uno schema quadrato distribuisce quattro colori a intervalli regolari di 90 gradi sulla ruota. Come lo schema tetradico, abbina due coppie di complementari, ma la spaziatura uniforme dà un equilibrio più vivace e giocoso tra caldo e freddo. Funziona meglio quando un colore domina chiaramente e gli altri compaiono come piccoli accenti.

Cosa puoi fare con Ruota Cromatica

Esamina le funzionalità principali prima di iniziare.

  • Esplora schemi di colori complementari e analoghi
  • Trova armonie triadiche, tetradiche e quadrate
  • Copia i codici esadecimali di ogni colore corrispondente
  • Regola saturazione e luminosità in tempo reale
  • Scegli un colore di base per la palette del tuo design

Riferimento alle impostazioni

Controlli disponibili per Ruota Cromatica.

Opzioni

Colore di base (tonalità e saturazione)Selettore colore
Trascina in un punto qualsiasi della ruota interattiva per scegliere il colore di partenza: l'angolo imposta la tinta e la distanza dal centro imposta la saturazione.
Colore HEX / CSSInserimento testo
Digita o incolla un codice HEX, un valore rgb() o hsl() o un nome di colore CSS per portare la ruota direttamente sul colore esatto che hai già.
SaturazioneCursoreIntervallo: 0–100% · Predefinito: 91%
Regola quanto è vivido il colore di base, dal grigio pieno allo 0% alla versione più pura e intensa della tonalità al 100%.
LuminositàCursoreIntervallo: 0–100% · Predefinito: 60%
Controlla quanto è chiaro o scuro il colore di base, dal nero allo 0% passando per la tinta pura fino al bianco al 100%; tutte le armonie si aggiornano di conseguenza.
ArmoniaPreimpostazioni
Sceglie quale relazione classica del cerchio cromatico evidenziare sulla ruota, posizionando i marcatori dei colori abbinati per mostrarti come è costruito lo schema.Opzioni: ComplementareComplementare divisoAnalogoTriadicoTetradico (rettangolo)Quadrato
Uso gratuito · Nessuna registrazione richiesta · Senza filigranaI caricamenti sono crittografati durante il transitoRimosso in base ai nostri criteri di conservazione

Domande frequenti

Come Ruota Cromatica ti aiuta a portare a termine il lavoro

Problemi reali che risolve ogni giorno: per aziende, creatori e attività quotidiane. Trova il caso d'uso adatto a te e inizia.

Istruzione

Impara la teoria del colore

Visualizza in tempo reale ogni armonia classica calcolata a partire da un colore base a tua scelta, con una spiegazione semplice del quando e del perché ogni schema funziona.

Per i creativi

Scegli i colori d'accento del sito web

Digita l'esadecimale del tuo brand nella ruota e usa schemi complementari divisi o triadici per trovare colori d'accento che contrastano senza stonare.

Per i creativi

Anteprima degli schemi su una UI reale

Ogni armonia viene applicata a una piccola scheda di esempio — intestazione, corpo, pulsante e pallini — così puoi valutare le combinazioni nel contesto invece che come campioni astratti.

Per i creativi

Palette per arte e illustrazione

Usa armonie analoghe per scene naturali e serene, e schemi complementari per punti focali di forte impatto, copiando i codici esadecimali esatti nella tua app di pittura.

Guarda ogni trasformazione applicarsi

Ogni foto attraversa la barra senza modifiche e ne esce dall'altro lato già completata.