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.
Esempio
Tonalità 0, saturazione 100% e luminosità 50% producono #FF0000. La modalità complementare aggiunge la tonalità 180, che produce #00FFFF.
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.
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.