Esplora la Ruota dei Colori
Scegli il colore di base
Trascina un pin attorno alla ruota dei colori e guarda i marcatori di armonia ruotare con esso, complementari a 180°, triadici a intervalli di 120°, vicini analoghi, complementare frazionata, tetradici. Passa da HSL (la ruota tecnica) a RYB (la ruota dell’artista), confronta dove divergono e copia la combinazione che scegli come palette.
Come funziona l'esploratore della ruota dei colori
-
1
Trascina il pin attorno alla ruota
Il pin imposta il tuo colore di base. Saturazione e luminosità si regolano con controlli separati.
-
2
Seleziona un'armonia
Complementare, analogo, triadico, complementare frazionata, tetradico, monocromatico. I marcatori di armonia ruotano con il colore di base.
-
3
Cambia modello (HSL vs RYB)
La ruota HSL è simmetrica (il rosso è opposto al ciano, il verde è opposto al magenta). La ruota RYB è asimmetrica (il rosso è opposto al verde, il blu è opposto all'arancione, corrisponde all'intuizione della miscelazione della vernice).
-
4
Copia la palette
Hex, RGB, HSL per la base e ciascun marcatore di armonia. Variabili CSS, mappa Sass o CSV semplice.
Ruota HSL vs Ruota RYB
Entrambe le ruote dispongono i colori in un cerchio, ma non concordano su quali colori siano “opposti”:
| Base | Complemento HSL | Complemento RYB |
|---|---|---|
| Rosso | Ciano | Verde |
| Arancione | Verde acqua | Blu |
| Giallo | Blu | Viola |
| Verde | Magenta | Rosso |
| Blu | Giallo | Arancione |
| Viola | Giallo-verde | Giallo |
- HSL (tonalità, saturazione, luminosità): una rappresentazione cilindrica di sRGB usata nei CSS e nel design digitale. Aggiungere 180° seleziona la tonalità opposta su questa ruota digitale.
- RYB (rosso, giallo, blu): una ruota concettuale tradizionale usata nell’educazione artistica. Questo strumento rimappa gli angoli di tonalità per approssimare tale convenzione; non prevede il risultato della miscelazione di pigmenti reali.
Entrambi sono validi per obiettivi diversi. Usa HSL per il lavoro su schermo; usa RYB quando ti interessa l’intuizione dei media pittorici.
Definizioni di armonia sulla ruota
- Complementare: base + 180°. Massima separazione di tonalità sulla ruota scelta.
- Analoghi: base con vicini a -30° e +30°. Morbido e unificato.
- Triadico: base + 120° + 240°. Vibranza bilanciata.
- Complementare frazionata: base + 150° + 210°. Ricca, senza la piena tensione della complementare.
- Tetradico / quadrato: base + 90° + 180° + 270°. Quattro tonalità a spaziatura uguale.
- Monocromatico: stessa tonalità, diversa luminosità/saturazione.
Temperatura sulla ruota
- Metà calda: rossi, arancioni, gialli. Tradizionalmente avanzano (attirano lo sguardo in avanti).
- Metà fredda: verdi, blu, viola. Tradizionalmente arretrano.
- Neutri: colori desaturati; appartengono a una delle due metà a seconda della tonalità.
Usi pratici
- Esplorazione della palette del marchio: trascina il pin fino a trovare un colore che si adatta, poi controlla i segni triadici o tetradici per accenti di supporto.
- Studi artistici: scegli un riferimento fotografico, trova la tonalità dominante, guarda i vicini analoghi per ombreggiature monocromatiche.
- Illustrazione: scegli una coppia complementare per le ombre, ad esempio, per un oggetto arancione, dipingi le ombre in blu piuttosto che solo in arancione più scuro.
- Mock-up di design d’interni: le ruote triadiche si mappano su palette interne classiche (blu/giallo/rosso nella tradizionale americana; verde/arancione/viola in bohemien).
Perché la ruota non è perfettamente intuitiva
La percezione umana del colore è più complessa di quanto suggerisca ciascuna ruota. Il sistema Munsell, LAB e OKLCH tentano tutti di disporre uniformemente in modo percettivo, e non formano un semplice cerchio, il croma varia con la luminosità a ogni tonalità. Per il lavoro di design di produzione, gli spazi di colore percettivi danno risultati più puliti rispetto alle ruote; per l’esplorazione concettuale del colore, la ruota vince ancora in chiarezza.
Domande frequenti
HSL per il design digitale (CSS, schermi, UI). RYB quando stai pensando alla vernice, alla stampa o all’arte tradizionale e vuoi l’intuizione armonica convenzionale delle scuole d’arte.
I modelli dispongono le tonalità in modo diverso. HSL usa l’angolo di tonalità sRGB, quindi il ciano è opposto al rosso. Nella convenzione RYB tradizionale, il verde è opposto al rosso. Qui RYB è un’approssimazione visiva, non una previsione di come si mescoleranno vernici specifiche.
Per educazione, schizzare idee e comunicazione con i clienti, sì. Per un lavoro di palette preciso, i professionisti usano sempre più spazi percettivi (LAB, OKLCH) dove la luminosità e il croma sono indipendenti dalla tonalità.
Copia la palette come CSS, Sass o CSV e salvala nel tuo ambiente di lavoro. L’esploratore non offre una raccolta di palette né uno spazio associato a un account. Nel percorso in quattro passaggi, le impostazioni visibili della ruota sono incluse nell’URL e possono restare nella cronologia del browser.
Strumenti correlati
Generatore di lettere casuali
Genera lettere A-Z casuali. Scegli la quantità, usa maiuscole, minuscole o un mix, e applica il risultato a giochi, spunti o attività in classe.
Generatore di Palette di Colori
Genera palette monocromatiche, analoghe, complementari, triadiche o tetradiche da un colore base HEX ed esporta variabili CSS pronte da copiare.
Convertitore BBCode in HTML
Converti BBCode (markup per forum) in HTML pulito. Gestisce tag di formattazione, elenchi, citazioni, codice, immagini, link e tabelle.
Generatore di palette colori casuali
Genera palette casuali da 2 a 15 campioni, scegli uno stile vivace, pastello, tenue o scuro e copia codici HEX o variabili CSS.
Convertitore da Base64 a Hex
Converti una stringa Base64 nei suoi byte sottostanti espressi in esadecimale. Utile per ispezionare token, chiavi, certificati e JWT.
Convertitore da ASCII a Binario
Converti qualsiasi stringa ASCII nella sua rappresentazione binaria. Ogni carattere diventa otto bit, separati da spazi, pronti per essere incollati in una traccia di protocollo o nei compiti.