Convertitore da Lab a HSL

Incolla un valore Lab e ottieni subito HSL. Funziona anche con qualsiasi altro formato.

Da Lab

Letto come CIE Lab

Valore HSLhsl(10.59, 100%, 60%)

Da HSL a Lab

Regola il colore

Tonalità11°

Opacità100%

Luminosità68%

Croma0,210

Tonalità34°

Tutti gli altri formati

Esempi da Lab a HSL

Colore	Lab	HSL
	lab(54.29 80.8 69.89)	hsl(0, 100%, 50%)
	lab(87.82 -79.27 80.99)	hsl(120, 100%, 50%)
	lab(29.57 68.29 -112.03)	hsl(240, 100%, 50%)
	lab(100 0 0)	hsl(0, 0%, 100%)
	lab(0 0 0)	hsl(0, 0%, 0%)
	lab(53.59 0 0)	hsl(0, 0%, 50.2%)
	lab(61.03 63.55 55.96)	hsl(10.59, 100%, 60%)
	lab(54.62 8.76 -65.79)	hsl(217.22, 91.22%, 59.8%)
	lab(66.69 -50.67 17.06)	hsl(160.12, 84.08%, 39.41%)
	lab(72.79 26.93 75.43)	hsl(37.69, 92.13%, 50.2%)
	lab(50.69 45.85 -71.8)	hsl(258.31, 89.53%, 66.27%)
	lab(57.31 67.87 -7.12)	hsl(330.37, 81.19%, 60.39%)

Informazioni su Lab e HSL

CIE Lab descrive la luminosità L e due assi di colore, a (dal verde al rosso) e b (dal blu al giallo). È indipendente dal dispositivo e si usa per calcolare le differenze di colore come ΔE.

HSL descrive la tonalità in gradi, la saturazione e la luminosità in percentuale. È facile da leggere, ma la sua luminosità non è percettivamente uniforme: un giallo al 50% sembra molto più chiaro di un blu al 50%.

Come funziona la conversione

Leggiamo il valore Lab, lo convertiamo in CIE XYZ con le matrici della specifica CSS Color 4 e poi in HSL. I valori fuori dal gamut di destinazione vengono adattati con l’algoritmo di CSS Color 4, che mantiene luminosità e tonalità e riduce il croma.

Domande e risposte

Come si converte Lab in HSL?

Incolla o digita un valore Lab nel campo qui sopra. PickShade lo converte con le formule di CSS Color 4 mentre scrivi, e con un clic copi il valore HSL.

La conversione da Lab a HSL è esatta?

Il calcolo è esatto e il risultato viene arrotondato solo per la visualizzazione, con abbastanza cifre da riconvertirlo nello stesso colore. Se il colore non rientra nel gamut di destinazione, PickShade ti avvisa e mostra il colore più vicino che ci rientra.

Posso ottenere anche altri formati?

Sì. Tutti gli altri formati, compresi OKLCH, Display P3, Tailwind, SwiftUI, Flutter e Android, sono elencati sotto il risultato e si copiano con un clic.

Questo convertitore è gratuito?

Sì. È gratuito, non richiede registrazione e funziona interamente nel tuo browser.