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.
Como se escolhe a cor?
Escrevendo o código HEX, mexendo nos cursores de RGB e HSL ou carregando no botão que tira uma ao acaso. Nos navegadores que o permitem, também se pode apanhar uma cor diretamente do ecrã.
Em que formatos aparece a cor?
Cada cor aparece em HEX, RGB, HSL, HSV e CMYK, e cada valor copia-se com um clique. O CMYK é o formato da impressão, enquanto o HEX e o RGB são os usados na web.
Que paletas são geradas?
Da cor ativa saem as paletas complementar, análoga, triádica, tetrádica, complementar dividida e monocromática, mais uma escala de nove tons do mais claro ao mais escuro.