Ruota dei colori

Scegli una tonalità sulla ruota, regola saturazione e luminosità e copia i codici dei colori.

Sul tuo dispositivo · Senza account

Ruota dei colori elabora i dati inseriti in questo browser. Dati inseriti e risultati sono esclusi dalle analisi statistiche. Gli strumenti recenti memorizzano i nomi degli strumenti, il numero di visite e la data e l'ora dell'ultima visita. Gli strumenti salvati memorizzano solo i nomi. Il salvataggio delle bozze è facoltativo e avviene su questo dispositivo; elimina il testo salvato con i comandi della bozza. Caricare testo da un URL è facoltativo e contatta il relativo server, che può vedere l'URL e il tuo indirizzo IP. L'azione facoltativa “Usa in” conserva in questa scheda i dati da passare allo strumento successivo. Lo strumento successivo li rimuove all'apertura e li ignora se è trascorso più di un minuto.

“Copia link” include nell'indirizzo i dati che scegli di condividere. Chiunque abbia il link può riaprirli. File e risultati generati sono esclusi. Gli strumenti per password e chiavi condividono solo le impostazioni.

L'anello mostra le tonalità con saturazione massima e luminosità al 50%. I campioni mostrano la saturazione e la luminosità che hai scelto.

I tuoi colori

Altro
Scorciatoie da tastiera

Link e ripristino

I link includono i dati inseriti e le impostazioni. Chiunque abbia il link può vederli, quindi non inserire testi privati. I file e i risultati generati sono esclusi; le estrazioni casuali vengono ripetute.

Il ripristino ricarica lo strumento con i valori iniziali e rilascia i file aperti e il controllo dei dispositivi. Le bozze salvate restano su questo dispositivo finché non le elimini.

Scegli i colori sulla ruota

Tocca l'anello per scegliere una tonalità oppure inserisci il suo angolo nel campo Tonalità. Imposta saturazione e luminosità, poi scegli un solo colore o un'armonia. Copia i codici HEX o scaricali come variabili CSS.

L'anello delle tonalità mostra la saturazione massima con luminosità al 50%. I campioni risultanti usano la saturazione e la luminosità che hai scelto. Il codice sotto ogni campione resta leggibile indipendentemente dal colore.

Successivo: Selettore colore

Esempio

Tonalità 0, saturazione 100% e luminosità 50% producono #FF0000. La modalità complementare aggiunge la tonalità 180, che produce #00FFFF.

Successivo: Generatore di palette colori

Prima di usare il risultato

È una ruota HSL in sRGB, non un modello per mescolare vernici. Un'armonia non garantisce un contrasto del testo leggibile. Verifica insieme il colore del testo e quello dello sfondo prima di usare una palette per il testo.

Successivo: Calcolatore di contrasto WCAG

Strumenti per la stessa attività

Guida al risultato

Aggiornato

Cita questa pagina

ToolOctopus. “Ruota dei colori.” Aggiornato 7 ottobre 2026. https://tooloctopus.com/it/ruota-dei-colori.

Aggiungi la data di consultazione se le istruzioni che segui la richiedono.

Le citazioni sono formattate con citeproc-js di Frank Bennett e gli stili Citation Style Language. Licenza e codice sorgente.

Trova uno strumento

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.