Selettore di colore
Scegli un colore su un campo visivo e ottieni il codice HEX, RGB e HSL.
- Istantaneo
- Gratis
- Privato (elaborato localmente)
- Senza registrazione
Un colore, tutti i suoi codici
Scegli un colore visivamente, regola tonalità e opacità e ottieni i codici HEX, RGB e HSL pronti da incollare nel CSS. Clicca un valore per copiarlo.
-
Imposta la tonalità
Il cursore arcobaleno sceglie il colore base.
-
Affina sul campo
Saturazione in orizzontale, luminosità in verticale.
-
Copia il codice
HEX, RGB o HSL, con opacità se serve.
Esempio: un arancione vivo
| Formato | Valore |
|---|---|
| HEX | #FF8800 |
| RGB | rgb(255, 136, 0) |
| HSL | hsl(32, 100%, 50%) |
Conversioni sRGB standard, valori arrotondati a interi. Tutto è calcolato nel browser.
Domande frequenti
Come funziona il campo colore?
Il quadrato grande mostra la saturazione (sinistra-destra) e la luminosità (basso-alto) per la tonalità scelta con il cursore. Clicca o trascina per selezionare; il valore HEX/RGB/HSL si aggiorna dal vivo.
Qual è la differenza tra HEX, RGB e HSL?
HEX è un codice esadecimale compatto (#FF8800). RGB descrive il colore con rosso, verde, blu (rgb(255, 136, 0)). HSL con tonalità, saturazione, luminosità (hsl(32, 100%, 50%)) — più intuitivo per regolare una sfumatura.
A cosa serve l’opacità?
Controlla la trasparenza (canale alfa). Sotto il 100 %, i codici diventano rgba()/hsla() e l’HEX guadagna due caratteri (es. #FF8800CC). Utile per sovrapposizioni e ombre.
Il colore è accurato per il web?
Sì: i valori sono calcolati con le conversioni standard sRGB e arrotondati a interi. Copia il formato adatto al tuo CSS. Tutto è calcolato localmente, nulla viene inviato.