Convertitore da HSL a Lab

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

Da HSL

Letto come HSL

Valore Lablab(61.03 63.55 55.96)

Da Lab a HSL

Regola il colore

Tonalità11°

Opacità100%

Luminosità68%

Croma0,210

Tonalità34°

Tutti gli altri formati

Esempi da HSL a Lab

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

Informazioni su HSL e Lab

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%.

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.

Come funziona la conversione

Leggiamo il valore HSL, lo convertiamo in CIE XYZ con le matrici della specifica CSS Color 4 e poi in Lab. 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 HSL in Lab?

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

La conversione da HSL a Lab è 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.