// converters
Color Format Converter.
Convert a color between HEX, RGB, HSL, and OKLCH with a live preview swatch.
Preview
Values
Domande frequenti
Quali formati supporta?
HEX (#FF5733), RGB, HSL e OKLCH.
Mostra il colore?
Sì, mostra un'anteprima del colore insieme ai valori convertiti.
Funziona con i colori CSS?
Sì, accetta qualsiasi formato di colore valido in CSS.
Spiegazione dei formati di colore
Il formato HEX utilizza una rappresentazione esadecimale a 6 cifre (ad esempio #FF5733) dove ogni coppia di cifre rappresenta l’intensità di rosso, verde e blu. Il cancelletto iniziale è opzionale in molti contesti.
Il formato RGB specifica i valori di rosso, verde e blu come numeri decimali da 0 a 255 (ad esempio rgb(255, 87, 51)). È il formato più utilizzato nei fogli di stile CSS.
Il formato HSL rappresenta i colori come tonalità (Hue), saturazione (Saturation) e luminosità (Lightness). È più intuitivo per i designer, poiché riflette la percezione umana del colore.
Quando usare ogni formato
HEX è il formato preferito nei design system e nei brand guidelines grazie alla sua compattezza e alla facilità di copia e incollaggio. È lo standard de facto nel design grafico.
RGB è ideale quando si lavora con CSS e si necessita di controllare i singoli canali di colore. È anche il formato nativo di molte API e librerie grafiche.
HSL è preferito quando si desidera modificare la luminosità o la saturazione di un colore esistente, poiché queste proprietà sono esplicitamente rappresentate nel formato.