In questo articolo
I formati colore spiegati
I colori nel design digitale e nello sviluppo web sono rappresentati in più formati adatti a contesti diversi. HEX (#ff5733) è conciso e universale per il web. RGB (255, 87, 51) è intuitivo per la mescolanza dei colori. HSL (14°, 100%, 60%) è il più leggibile per regolare tonalità, saturazione e luminosità.
Strumenti diversi usano formati colore diversi — il software di design spesso preferisce HSL, HTML/CSS usa HEX e RGB, le librerie JavaScript per i colori possono utilizzare vari formati e il design per la stampa usa CMYK. Convertire tra questi formati con precisione richiede formule matematiche.
Come funziona la conversione dei colori
Il convertitore applica trasformazioni matematiche precise tra gli spazi colore.
- Parsing HEX — decodifica codici esadecimali a 3 e 6 cifre, con o senza canale alfa
- Normalizzazione RGB — gestisce valori interi 0-255 e rappresentazioni in virgola mobile 0-1
- Calcolo HSL — converte da/verso tonalità (0-360°), saturazione (0-100%) e luminosità (0-100%)
Prova gratuitamente — nessuna registrazione richiesta
Converti un colore →Quando usare la conversione dei colori
La conversione dei colori è necessaria ogni volta che i colori si spostano tra strumenti, formati o contesti diversi.
- Dal design al codice — converti i valori colore HSL di Figma/Sketch in HEX per l'implementazione CSS
- Coerenza del brand — verifica che i valori dei colori corrispondano tra diversi strumenti di design e implementazioni del codice
- Accessibilità — calcola i rapporti di contrasto (che usano la luminanza relativa dai valori RGB) per la conformità WCAG
Domande frequenti
Qual è la differenza tra RGB e RGBA?
RGBA aggiunge un canale alfa a RGB, che rappresenta l'opacità da 0 (completamente trasparente) a 1 (completamente opaco) o da 0 a 255 in alcuni contesti. Analogamente, HEXA aggiunge due cifre esadecimali per l'alfa (ad esempio #FF5733FF per completamente opaco o #FF573380 per il 50% di opacità). I valori alfa consentono colori trasparenti e semi-trasparenti.
Perché convertire un colore e riconvertirlo non restituisce sempre il valore esatto di partenza?
La conversione tra spazi colore comporta aritmetica in virgola mobile e arrotondamenti. Le conversioni di andata e ritorno (RGB → HSL → RGB) possono presentare piccoli errori di arrotondamento nell'ultima cifra. Questo è normale e la differenza è impercettibile all'occhio umano. Per lavori che richiedono precisione assoluta, memorizza sempre i colori in un unico formato canonico.
Qual è la differenza tra HSL e HSV/HSB?
HSL (Tonalità, Saturazione, Luminosità) e HSV/HSB (Tonalità, Saturazione, Valore/Luminosità) sono modelli colore cilindrici diversi. In HSL, il bianco puro corrisponde a L=100% indipendentemente dalla saturazione; in HSV, il bianco puro corrisponde a S=0%, V=100%. HSL è più intuitivo per il web design; HSV è comunemente utilizzato nei controlli dell'interfaccia per la selezione dei colori.