Tutti gli strumenti

Ruota Cromatica

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.