Convertitore HEX RGB

Converti i formati colore senza indovinare

I valori colore passano spesso tra strumenti che preferiscono formati diversi. Un designer può consegnare un token HEX, un'animazione CSS può richiedere i canali RGB e una modifica del tema può essere più semplice in HSL. Questo convertitore HEX RGB mantiene sincronizzati i formati web più comuni: inserisci la versione che hai e copia quella che ti serve. L'anteprima in tempo reale rende evidenti anche gli errori: se un canale è digitato in modo sbagliato, l'anteprima cambia subito.

Il convertitore supporta il flusso di lavoro CSS quotidiano: HEX a sei cifre, RGB, RGBA, HSL e HSLA. L'alpha è controllato separatamente perché l'opacità è di solito una scelta di design più che parte di un token di colore del brand. Imposta l'alpha a uno per i colori opachi, oppure abbassalo per creare overlay, anelli di focus, ombre e sfondi traslucidi che usano sempre la stessa tonalità di base.

Quando usare RGB, RGBA, HSL o HSLA

RGB è una descrizione diretta del colore dello schermo ed è utile quando confronti valori da screenshot, output di canvas o strumenti di design meno recenti. RGBA aggiunge la trasparenza, comoda per overlay e bordi sottili. HSL descrive il colore in termini di tonalità, saturazione e luminosità, quindi è più naturale quando vuoi creare colori correlati: ruota la tonalità per un nuovo accento, riduci la saturazione per uno stato attenuato o aumenta la luminosità per una tinta chiara. HSLA aggiunge lo stesso controllo alpha a questo modello più leggibile.

Valori affidabili per CSS e design token

Nei design system la coerenza delle conversioni è fondamentale. Errori di arrotondamento o refusi copiati possono creare colori quasi duplicati, difficili da notare ma faticosi da mantenere. Questo strumento limita i canali RGB all'intervallo valido 0–255, mantiene le percentuali HSL nell'intervallo 0–100 e formatta l'output come CSS pronto da incollare. Poiché funziona in locale, puoi convertire in sicurezza colori di prodotti non ancora rilasciati, palette dei clienti o token di brand interni senza caricarli da nessuna parte.