Come convertire colori HEX, RGB e HSL

Inserisci un colore, scegli hex, rgb o hsl e avvia la conversione. Se l’operazione riesce, ottieni le rappresentazioni HEX, RGB e HSL con i relativi valori numerici e un’anteprima.

Quando usare il convertitore

Il convertitore aiuta a trasformare un colore tra le rappresentazioni HEX, RGB e HSL quando devi confrontare sintassi diverse o recuperare i relativi valori numerici. Un risultato riuscito include le versioni esadecimale, RGB e HSL, i componenti numerici dei canali RGB e dei valori HSL, oltre a un’anteprima. Questo rende possibile esaminare lo stesso colore da più punti di vista senza limitarsi alla stringa inserita.

Procedura per convertire il colore

1. Inserisci nel campo del colore una stringa non vuota. Un campo lasciato vuoto non produce una conversione, quindi verifica il contenuto prima di avviare l’operazione.

2. Indica il formato di origine tra hex, rgb e hsl. Se non fornisci questa informazione, viene usato hex come impostazione predefinita. La scelta viene confrontata con valori in minuscolo e riconosce soltanto questi tre formati; una dicitura diversa porta a un risultato non riuscito.

3. Se stai usando HEX, inserisci tre o sei cifre, con o senza il carattere #. Per esempio, sono ammesse forme come #369 e 336699. Non aggiungere altri componenti alla stringa se vuoi mantenere un input facilmente verificabile.

4. Per RGB, fornisci tre valori numerici e controlla che ciascun canale sia compreso tra 0 e 255. La presenza di tre valori non basta se uno dei canali non rientra in questo intervallo.

5. Per HSL, inserisci tre valori numerici nell’ordine previsto dal formato. La tonalità viene ricondotta a un ciclo di 360 gradi; saturazione e luminosità superiori a 100 percento vengono invece limitate a 100. Per evitare letture inattese, scrivi i valori senza segni meno: il sistema estrae sottostringhe numeriche senza interpretare quei segni come indicatori di negatività.

6. Avvia la conversione e osserva il risultato. Se il testo è vuoto, malformato, non valido o fuori intervallo, l’operazione può non riuscire. Quando il formato è omesso, ricorda quindi che un valore non HEX potrebbe non essere interpretato come desideri.

Come valutare l’output

Dopo una conversione riuscita, leggi le tre rappresentazioni insieme invece di basarti soltanto sull’anteprima. La versione HEX è utile per conservare una notazione compatta, mentre RGB e HSL permettono di osservare separatamente i rispettivi componenti. I canali RGB mostrati come numeri interi e i componenti HSL convertiti e arrotondati a numeri interi facilitano il confronto dei valori restituiti.

Il testo visualizzato nell’anteprima offre un riferimento visivo del colore ottenuto, ma non sostituisce il controllo delle rappresentazioni e dei numeri. Un risultato dipende dal contenuto fornito e dal formato di origine scelto, perciò conviene verificare entrambe le informazioni quando l’input non è immediatamente riconoscibile.

RGB e HSL vengono analizzati cercando sottostringhe numeriche, senza una verifica completa di ogni dettaglio della sintassi. Per questo motivo, una stringa dall’aspetto irregolare può talvolta essere convertita invece di essere rifiutata. In HSL, inoltre, un segno meno davanti alle cifre non viene trattato come parte di un numero negativo: le cifre successive possono essere lette come valori senza segno. Se ti serve un risultato prevedibile, usa tre valori chiari, rispetta il formato selezionato e controlla l’output prima di riutilizzarlo.

Esempio pratico

Devi confrontare le rappresentazioni RGB e HSL corrispondenti al colore esadecimale #336699 in un unico risultato.

Inserisci #336699, lascia hex come formato di origine oppure selezionalo e avvia la conversione.

Il risultato riuscito contiene una rappresentazione HEX, una RGB, una HSL, i valori numerici dei canali e dei componenti e un’anteprima.

Limiti

• Input vuoti, malformati, non validi o fuori intervallo possono causare un fallimento; inoltre, il parsing parziale di RGB e HSL può convertire testo irregolare e leggere in modo inatteso i segni meno nei valori HSL.

Errori comuni

• Se non compare una conversione, controlla prima che il campo contenga un colore e che il formato sia scritto in minuscolo come hex, rgb o hsl; una selezione non riconosciuta non viene convertita.

Domande frequenti

Qual è il formato di origine predefinito?

Quando il formato di origine non viene indicato, viene usato hex. Se lo selezioni esplicitamente, il valore deve essere uno tra hex, rgb e hsl e deve essere scritto in minuscolo.

Posso inserire un colore HEX senza il simbolo #?

Sì, se il testo contiene tre o sei cifre HEX, con o senza il carattere #. Un campo vuoto non produce una conversione riuscita.

Come vengono trattati i valori HSL fuori intervallo?

La tonalità viene riportata nel ciclo di 360 gradi, mentre saturazione e luminosità oltre 100 percento vengono limitate a 100. I segni meno non vengono interpretati come indicatori di valori negativi, perché l’analisi può leggere le cifre che li seguono come numeri senza segno.