Come convertire un colore HEX in RGB e HSL

Inserisci un codice colore HEX, avvia la conversione e leggi le corrispondenti rappresentazioni RGB e HSL. Se non inserisci alcun valore, viene analizzato il colore predefinito #ff5733.

A cosa serve e quali dati accetta

Questo strumento serve a leggere un colore espresso in formato esadecimale e a mostrarlo in due rappresentazioni utili: RGB e HSL. È adatto, per esempio, quando hai un codice colore da un progetto grafico o da un foglio di stile e vuoi controllarne rapidamente le componenti senza convertire il valore a mano.

L’inserimento principale è facoltativo. Se lasci il campo vuoto, viene usato il valore esadecimale predefinito #ff5733. Puoi inserire il codice con il simbolo # oppure senza: prima dell’analisi, il simbolo viene normalizzato. Anche il formato breve a tre caratteri viene espanso ripetendo ciascun carattere prima della conversione.

Come convertire un codice HEX

1. Inserisci nel campo del colore un valore esadecimale, ad esempio #336699. Se preferisci, puoi omettere il simbolo iniziale e digitare 336699.
2. Per usare il valore predefinito, lascia il campo vuoto invece di inserire un codice casuale.
3. Avvia la conversione con il comando disponibile nell’interfaccia.
4. Leggi il risultato nelle sezioni dedicate alle rappresentazioni del colore. Controlla il testo HEX in maiuscolo e in minuscolo, quindi passa ai valori RGB e HSL.
5. Usa i componenti numerici quando ti servono i singoli valori. Per HSL, considera che tonalità, saturazione e luminosità sono presentate come numeri interi arrotondati.
6. Infine, verifica la classificazione della luminosità. Questa indicazione è vera soltanto quando il calcolo della luminosità RGB ponderata supera 128; non va quindi interpretata come una valutazione soggettiva del colore.

Se il codice non può essere analizzato per un errore di valore o di posizione, il risultato mostra un’indicazione di errore invece di interrompere la conversione con quell’errore. In questo caso, ricontrolla il formato esadecimale e riprova.

Come leggere il risultato e i suoi limiti

Un risultato valido contiene più modi per leggere lo stesso colore. Le stringhe HEX a sei cifre, in maiuscolo e in minuscolo, sono due rappresentazioni testuali dello stesso valore. RGB e HSL offrono invece sistemi alternativi per descrivere il colore, mentre i componenti numerici permettono di recuperare i singoli valori senza doverli separare manualmente.

La luminosità classificata dal risultato dipende da una soglia numerica precisa: diventa vera solo oltre 128 nel calcolo ponderato sui componenti RGB. Un colore vicino alla soglia può quindi ricevere una classificazione diversa da quella che ti aspetteresti osservandolo sullo schermo.

Il risultato di conversione non cambia in base all’opzione facoltativa relativa alla cronologia: tale opzione ha un valore predefinito disattivato e non aggiunge cronologia né modifica la conversione effettiva.

Esempio pratico

Stai preparando una tavolozza per un’interfaccia e vuoi ottenere le rappresentazioni RGB e HSL del colore HEX #336699.

Inserisci #336699 nel campo del colore e avvia la conversione; poi controlla le sezioni HEX, RGB, HSL e luminosità.

Il risultato contiene il codice HEX a sei cifre in maiuscolo e minuscolo, rappresentazioni testuali RGB e HSL, componenti numerici RGB e HSL e una classificazione della luminosità.

Limiti

• L’opzione facoltativa relativa alla cronologia non aggiunge una cronologia e non modifica il risultato della conversione; il valore da analizzare resta un colore HEX.

Errori comuni

• Errore: inserire un valore non esadecimale o un codice breve senza considerare il formato richiesto. Correzione: usa cifre esadecimali valide, prova il formato a sei caratteri oppure il formato breve a tre caratteri, con o senza #, e controlla l’indicazione restituita.

Domande frequenti

Posso inserire un colore HEX senza il simbolo #?

Sì, perché il simbolo # viene aggiunto prima dell’analisi quando manca. Il codice deve comunque avere un formato esadecimale analizzabile.

Lo strumento accetta un codice HEX di tre caratteri?

Sì, ma il valore a tre caratteri viene espanso ripetendo ciascun carattere prima della conversione. Il risultato viene poi rappresentato anche come testo HEX a sei cifre.

Che cosa succede se lascio il campo vuoto o inserisco un codice non valido?

Se lasci il campo vuoto, viene usato #ff5733. Se invece inserisci un valore che genera un errore di analisi, il risultato contiene un’indicazione di errore anziché sollevare quell’errore.