Selettore Colori & Palette
Regola RGB
Regola HSL
Formati Colore
#6366F1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
hsv(239, 59%, 95%)
cmyk(59%, 58%, 0%, 5%)
Sfumature & Tinte
Palette Armoniche
Clicca una tinta per impostarla come colore attivo
Complementare
Analoghi
Triadici
Tetradici
Split-complementari
Monocromatici
Domande Frequenti
Tutto quello che devi sapere su colori e palette
Cos'è il modello CMYK e quando si usa?
CMYK (Cyan, Magenta, Yellow, Key/Nero) è il modello sottrattivo usato nella stampa: definisce quanto inchiostro di ciascun colore serve su carta bianca. A differenza di RGB (usato per schermi, additivo e basato sulla luce), CMYK parte dal bianco e "sottrae" luce con l'inchiostro. I valori sono percentuali 0-100%. Usa CMYK quando prepari file per la stampa; tieni presente che la conversione RGB→CMYK è approssimativa perché lo spazio colore stampabile è più ristretto di quello a schermo.
Che differenza c'è tra HSL e HSV?
Entrambi descrivono i colori tramite tinta (Hue, 0-360°). HSL usa Saturazione e Luminosità (Lightness): al 100% di luminosità ottieni sempre bianco, allo 0% nero, e i colori puri stanno al 50%. HSV usa Saturazione e Valore (Value/Brightness): al 100% di valore e 100% di saturazione ottieni il colore puro più intenso, mentre 0% di valore è nero. HSV è comodo nei color picker (come questo), HSL è spesso preferito nel CSS perché più intuitivo per schiarire/scurire.
Come funzionano le palette armoniche?
Le armonie si basano sulla posizione dei colori nella ruota cromatica rispetto alla tinta scelta. Complementare = +180° (massimo contrasto); Analoghi = ±30° (armonie morbide); Triadici = +120°/+240° (vivaci ed equilibrati); Tetradici = quattro colori a 90° (schema ricco); Split-complementari = +150°/+210° (contrasto meno aggressivo del complementare); Monocromatici = stessa tinta con luminosità diverse. Clicca qualsiasi tinta generata per renderla il colore attivo e continuare a esplorare.
I miei colori vengono inviati a un server?
No. Tutte le conversioni e la generazione delle palette avvengono interamente nel tuo browser in JavaScript: nessun dato viene inviato o salvato sui nostri server. Il pulsante "Preleva dallo schermo" usa l'API EyeDropper nativa del browser (disponibile su Chrome, Edge e browser basati su Chromium) e funziona solo localmente.
Come si sceglie il colore?
Il colore si imposta scrivendo il codice HEX, muovendo i cursori RGB e HSL oppure con il pulsante che ne estrae uno a caso. Nei browser che lo permettono si può anche prelevare un colore dallo schermo.
In quali formati viene mostrato il colore?
Ogni colore viene mostrato in HEX, RGB, HSL, HSV e CMYK e ogni valore si copia con un clic. Il CMYK serve per la stampa, mentre HEX e RGB sono i formati usati per il web.
Quali palette vengono generate?
Dal colore attivo nascono le palette complementare, analoga, triadica, tetradica, split-complementare e monocromatica, più una scala di nove sfumature dalla più chiara alla più scura.