Convertitore colori CSS

A cosa serve

Questo convertitore lavora sulle tre notazioni colore che si usano davvero nei fogli di stile: HEX, RGB e HSL. Puoi incollare un HEX breve come #F00 o completo come #FF0000, scrivere valori rgb() o hsl(), oppure scegliere visivamente dal selettore colore nativo mantenendo modificabile il campo di testo. Lo strumento legge i primi tre canali e restituisce HEX, RGB e HSL normalizzati insieme a un campione, cosi puoi controllare il colore prima di copiarlo. Se il valore non si puo interpretare, viene mostrato uno stato di colore non valido invece di inventare un risultato. I limiti sono importanti: rgba() e hsla() sono accettati in input, ma alpha viene ignorato e non compare mai in output, quindi niente RGBA o HEX a 8 cifre. Non ci sono CMYK, Pantone, conversioni per stampa, HSV, LAB, LCH, OKLCH, profili colore o nomi CSS come tomato. Non genera palette, non valuta contrasto o WCAG, non ha contagocce, upload immagini, conversione batch o download di file. E un singolo colore riscritto in tre modi. I valori inseriti e le conversioni restano nel browser e non vengono mai caricati su LocalTools.

Come si usa

1. Incolla un valore HEX, RGB o HSL, oppure scegli un colore con il selettore nativo.
2. I primi tre canali vengono letti e convertiti in HEX, RGB e HSL normalizzati.
3. Controlla il campione, copia la notazione che ti serve e guarda lo stato di colore non valido se il valore non viene letto.

Privacy

Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.

Domande frequenti

Come converto HEX in RGB qui?

Incolla il codice HEX con o senza #. Ogni coppia di cifre diventa un canale da 0 a 255, e gli equivalenti RGB e HSL appaiono subito accanto al campione.

Qual e la differenza tra HEX, RGB e HSL?

Descrivono lo stesso colore sRGB in tre modi: HEX comprime i canali in esadecimale, RGB li mostra come numeri 0-255 e HSL usa tonalita, saturazione e luminosita, piu comode da regolare a mano.

Quali formati di input sono accettati?

HEX a tre e sei cifre, rgb() e rgba(), hsl() e hsla(). Nomi colore CSS, CMYK, HSV, LAB, LCH e OKLCH non sono accettati, e non ci sono input immagine o file.

Perche il mio HEX a 8 cifre perde la trasparenza?

Perche alpha viene scartato di proposito. RGBA e HSLA vengono letti, ma si convertono solo i primi tre canali, quindi l output e sempre HEX, RGB e HSL opaco.

Quando conviene usare RGB invece di HEX?

RGB e piu leggibile quando calcoli i canali, HSL e migliore per modificare luminosita o saturazione, mentre HEX resta compatto per valori CSS statici. Qui li ottieni tutti e tre.