Converti i valori di colore RGB in formato HSL (Tonalità, Saturazione, Luminosità)
Conversione Formato
Informazioni sullo strumento
Converti i valori di colore RGB in formato HSL (Tonalità, Saturazione, Luminosità). Converti i colori RGB e RGBA nella più intuitiva rappresentazione HSL e HSLA, facilitando la regolazione di luminosità, saturazione e la creazione di varianti di colore CSS.
Caratteristiche principali
- Supporta input RGB e RGBA
- Output in formato HSL e HSLA
- Output con valori percentuali e angolari
- Anteprima colore in tempo reale con campione
- Copia in più formati con un clic
- Conversione in tempo reale durante la digitazione
Casi d'uso
- Converti colori per l'uso con HSL nei CSS
- Regola intuitivamente luminosità e saturazione del colore
- Crea varianti di colore e palette da un colore base
- Converti colori da strumenti di design in formati compatibili con il web
- Costruisci schemi di colori accessibili con un controllo preciso della luminosità
rgb
hsl
color
converter
css
design
Domande frequenti
Cos'è il formato HSL?
HSL sta per Tonalità (Hue), Saturazione (Saturation) e Luminosità (Lightness). La tonalità è espressa in gradi (0-360), corrispondente alla posizione sulla ruota dei colori. Saturazione e luminosità sono espresse in percentuali (0-100%). HSL è spesso più intuitivo di RGB per la manipolazione del colore.
Il canale di trasparenza è supportato?
Sì. Quando inserisci valori RGBA, lo strumento produce il formato HSLA che include il canale di trasparenza. Il valore di trasparenza viene preservato dall'input.
Quanto è precisa la conversione da RGB a HSL?
La conversione usa la formula matematica standard di trasformazione dello spazio colore da RGB a HSL. La tonalità è calcolata al grado più vicino, saturazione e luminosità alla percentuale più vicina. I risultati sono precisi e coerenti con gli strumenti di conversione colore standard del settore.
Posso vedere un'anteprima del colore dopo la conversione?
Sì. Lo strumento mostra un campione di anteprima del colore in tempo reale, aggiornato istantaneamente quando modifichi i valori RGB o HSL. Questo feedback visivo ti aiuta a confermare che il colore convertito corrisponda alle tue aspettative prima di usarlo.
Posso anche inserire valori HSL per ottenere RGB?
Sì, lo strumento supporta la conversione bidirezionale. Puoi inserire valori HSL nel campo di input e lo strumento li convertirà in RGB, mostrando anche il codice HEX corrispondente e l'anteprima del colore.