anteprima: Anteprima della traduzione: il sito in italiano è in preparazione. Questa pagina resta esclusa dall’indice finché la versione italiana non sarà verificata integralmente.
Convertitore di colori HEX, RGB e HSL
Converti un colore sRGB opaco tra le notazioni HEX, RGB e HSL supportate. L’elaborazione avviene nel browser.
Inserisci un colore in formato HEX, RGB o HSL.
Tre notazioni per un colore sRGB
- HEX
- Notazione esadecimale compatta e comune in CSS e HTML. Lo strumento accetta #RGB e #RRGGBB, per esempio #FF5733.
- RGB
- Valori dei canali rosso, verde e blu da 0 a 255, per esempio rgb(255, 87, 51).
- HSL
- Tonalità da 0° a 360°, saturazione e luminosità da 0% a 100%. Modificare una componente aiuta a creare varianti.
Esempi
- Rosso puro: #FF0000 → rgb(255, 0, 0) → hsl(0, 100%, 50%).
- Blu reale: #4169E1 → rgb(65, 105, 225) → circa hsl(225, 73%, 57%).
- Verde chiaro: hsl(120, 80%, 70%) → #75F075 e rgb(117, 240, 117).
Come funziona la conversione
- Da HEX a RGB: separa le coppie esadecimali di rosso, verde e blu e converti ciascuna in un valore decimale.
- Da RGB a HEX: converti ogni canale decimale in due cifre esadecimali e uniscile dopo #.
- RGB e HSL: il convertitore applica i calcoli standard dei canali e della tonalità; i valori HSL mostrati sono arrotondati a interi.
Quando usare ciascun formato
- HEX è compatto e comune in CSS, HTML e negli strumenti di progettazione.
- RGB mostra direttamente i valori dei canali rosso, verde e blu.
- HSL è comodo per modificare tonalità, saturazione o luminosità.
Valori supportati e limiti
- Sono supportati colori sRGB opachi in HEX breve o lungo, rgb() con virgole e hsl() con virgole.
- Non sono supportati trasparenza alfa, RGBA, HSLA, sintassi CSS moderna separata da spazi, nomi di colori o spazi colore ad ampia gamma.
- L’output HSL è arrotondato a gradi e percentuali interi; la conversione inversa può produrre un colore vicino, non gli stessi valori originali dei canali.
- Colore e risultato restano nel browser; la pagina e il codice vengono caricati dal sito.
Domande frequenti
Che cosa indica # in un colore HEX?
Indica una notazione esadecimale. Il convertitore accetta # seguito da un valore sRGB di 3 o 6 cifre; il simbolo non è un canale colore.
Come posso schiarire o scurire un colore con HSL?
Mantieni costanti tonalità e saturazione e aumenta o riduci la luminosità. Una luminosità maggiore produce, per esempio, un blu più chiaro.
Posso inserire un colore trasparente?
No. Questo convertitore gestisce solo valori HEX, RGB e HSL opachi e non accetta il canale alfa.