Convertitore RGB in HSL
Cos'è Convertitore RGB in HSL
Questo strumento converte i valori RGB (Rosso 0–255, Verde 0–255, Blu 0–255) in HSL (Tonalità, Saturazione, Luminosità). HSL è più intuitivo per la manipolazione dei colori — è molto più facile creare versioni più chiare o scure di un colore regolando la Luminosità che modificare i singoli canali RGB.
Come usare
- Inserisci i valori di Rosso, Verde e Blu (0–255) nei campi RGB.
- I valori HSL e HEX si aggiornano istantaneamente.
- Clicca sul pulsante copia accanto a HSL per copiare nel formato hsl(h, s%, l%).
- Passa tra i 6 convertitori usando i link in alto.
Quando usarlo
Devi portare un colore del brand da un vecchio foglio di stile a un sistema di design in HSL? Inserisci rgb(59, 130, 246) e ottieni hsl(217, 91%, 60%). Da qui abbassi la luminosità al 55% per lo stato hover e al 45% per l'active, mantenendo la stessa tonalità.
Domande frequenti
Cos'è rgb(255, 0, 0) in HSL?
rgb(255, 0, 0) è hsl(0, 100%, 50%) — rosso puro. Tonalità 0° è il rosso, 100% di saturazione significa completamente saturo e 50% di luminosità è il tono puro.
Cos'è rgb(0, 0, 0) in HSL?
rgb(0, 0, 0) è hsl(0, 0%, 0%) — nero. Luminosità zero è sempre nero.
Cos'è rgb(255, 255, 255) in HSL?
rgb(255, 255, 255) è hsl(0, 0%, 100%) — bianco. Luminosità massima è sempre bianco.
Perché la conversione RGB in HSL è utile?
HSL rende visibili le relazioni tra i colori. Con rgb(59, 130, 246) non si capisce subito quanto sia blu o luminoso. Ma hsl(217, 91%, 60%) dice immediatamente che è un blu (217° sulla ruota dei colori), molto saturo (91%) e medio-chiaro (60%).
Posso condividere questo strumento con i miei dati precompilati?
Sì. L'URL si aggiorna automaticamente mentre digiti. Copia il link dalla barra degli indirizzi o usa il pulsante Condividi — chiunque lo apra vedrà i tuoi dati già inseriti.
Strumenti correlati
Convertitore HSL in RGB
Converti valori di colore HSL in RGB istantaneamente. Convertitore HSL in RGB con anteprima dal vivo. Converti hsl() in rgb() per JavaScript e strumenti di design.
Calcolatore di Rapporto d'Aspetto
Calcola il rapporto d'aspetto, trova la larghezza o l'altezza mancante e ridimensiona immagini e video mantenendo le proporzioni. Gratis.
Decodificatore Base64
Decodifica stringhe Base64 in testo semplice istantaneamente. Supporta output Unicode completo con emoji. Decodificatore Base64 gratuito.