Convertitore HEX in RGB

HEX è un codice esadecimale a 6 cifre più comunemente visto nel web design (#FF5733). RGB scompone il colore in componenti Rosso, Verde, Blu (0-255 ciascuno) — il formato naturale per gli schermi. HSL usa la Tonalità (0-360 gradi sulla ruota dei colori), la Saturazione (0-100%) e la Luminosità (0-100%), più intuitivo per regolare sfumature e tinte di un colore.

Il cursore alfa controlla la trasparenza da 0 (completamente trasparente) a 1 (completamente opaco). Quando l'alfa è inferiore a 1, lo strumento genera RGBA e HSLA invece di RGB/HSL semplici. Questi sono i formati CSS per sfondi, sovrapposizioni e colori del testo trasparenti o semi-trasparenti.

Il HEX a tre cifre (#F53) è l'abbreviazione di sei cifre (#FF5533) dove ogni cifra viene raddoppiata. Digita il codice a 3 cifre direttamente — il convertitore lo gestisce automaticamente. L'output mostra sempre la forma completa a 6 cifre.

HSL è meglio per generare palette di colori e variazioni. Per schiarire un colore, aumenta il valore della Luminosità. Per desaturare, diminuisci la Saturazione. Per cambiare tonalità, modifica il valore H. RGB non ha queste relazioni intuitive, quindi HSL è il formato preferito per il theming dinamico e le proprietà CSS personalizzate.

Sì. Clicca il pulsante selettore colore per aprire il selettore colore nativo del browser. Alcuni browser (Chrome, Edge) supportano una funzione contagocce che può campionare qualsiasi pixel dello schermo. Il supporto dipende dalla versione del browser.

La sezione output CSS mostra dichiarazioni di colore CSS pronte da incollare per ogni formato: background-color: #FF5733; o color: rgb(255, 87, 51); ecc. Clicca qualsiasi pulsante copia accanto a essa per copiare la riga CSS esatta negli appunti.

No. Tutti i calcoli del colore vengono eseguiti localmente nel tuo browser tramite JavaScript. Nessun valore di colore, immagine o dato viene inviato a un server.