Convertor OKLab în HSLA

Lipește o valoare OKLab și primești imediat HSLA. Merge și orice alt format.

Din OKLab

Recunoscut ca OKLab

Valoare HSLAhsla(10.59, 100%, 60%, 1)

HSLA în OKLab

Ajustează culoarea

Nuanță11°

Opacitate100 %

Luminozitate68 %

Cromă0,210

Nuanță34°

Toate celelalte formate

Tabel de opacitate: alfa în HEX și HSLA

În HEX cu 8 cifre, ultimele două stabilesc opacitatea: FF este complet opac, 80 înseamnă circa 50%, iar 00 este complet transparent. Tabelul arată culoarea din exemplu din 5 în 5%.

Opacitate	Alfa în HEX	HEX	HSLA
100%	ff	#ff5733	hsla(10.59, 100%, 60%, 1)
95%	f2	#ff5733f2	hsla(10.59, 100%, 60%, 0.95)
90%	e6	#ff5733e6	hsla(10.59, 100%, 60%, 0.9)
85%	d9	#ff5733d9	hsla(10.59, 100%, 60%, 0.85)
80%	cc	#ff5733cc	hsla(10.59, 100%, 60%, 0.8)
75%	bf	#ff5733bf	hsla(10.59, 100%, 60%, 0.75)
70%	b3	#ff5733b3	hsla(10.59, 100%, 60%, 0.7)
65%	a6	#ff5733a6	hsla(10.59, 100%, 60%, 0.65)
60%	99	#ff573399	hsla(10.59, 100%, 60%, 0.6)
55%	8c	#ff57338c	hsla(10.59, 100%, 60%, 0.55)
50%	80	#ff573380	hsla(10.59, 100%, 60%, 0.5)
45%	73	#ff573373	hsla(10.59, 100%, 60%, 0.45)
40%	66	#ff573366	hsla(10.59, 100%, 60%, 0.4)
35%	59	#ff573359	hsla(10.59, 100%, 60%, 0.35)
30%	4d	#ff57334d	hsla(10.59, 100%, 60%, 0.3)
25%	40	#ff573340	hsla(10.59, 100%, 60%, 0.25)
20%	33	#ff573333	hsla(10.59, 100%, 60%, 0.2)
15%	26	#ff573326	hsla(10.59, 100%, 60%, 0.15)
10%	1a	#ff57331a	hsla(10.59, 100%, 60%, 0.1)
5%	0d	#ff57330d	hsla(10.59, 100%, 60%, 0.05)
0%	00	#ff573300	hsla(10.59, 100%, 60%, 0)

Exemple OKLab în HSLA

Culoare	OKLab	HSLA
	oklab(62.796% 0.22486 0.12585)	hsla(0, 100%, 50%, 1)
	oklab(86.644% -0.23389 0.1795)	hsla(120, 100%, 50%, 1)
	oklab(45.201% -0.03246 -0.31153)	hsla(240, 100%, 50%, 1)
	oklab(100% 0 0)	hsla(0, 0%, 100%, 1)
	oklab(0% 0 0)	hsla(0, 0%, 0%, 1)
	oklab(59.987% 0 0)	hsla(0, 0%, 50.2%, 1)
	oklab(68.036% 0.17474 0.1165)	hsla(10.59, 100%, 60%, 1)
	oklab(62.308% -0.03325 -0.18505)	hsla(217.22, 91.22%, 59.8%, 1)
	oklab(69.587% -0.14216 0.04488)	hsla(160.12, 84.08%, 39.41%, 1)
	oklab(76.859% 0.0561 0.15481)	hsla(37.69, 92.13%, 50.2%, 1)
	oklab(60.563% 0.08454 -0.20193)	hsla(258.31, 89.53%, 66.27%, 1)
	oklab(65.592% 0.21073 -0.021)	hsla(330.37, 81.19%, 60.39%, 1)

Despre OKLab și HSLA

OKLab este un spațiu de culoare perceptual modern, din 2020. Pașii egali arată egali pentru ochi, așa că gradientele și amestecurile ies mai curate decât în RGB sau HSL.

HSLA este HSL cu un canal alfa pentru opacitate, scris ca hsla(11, 100%, 60%, 0.5). Alfa merge de la 0 (complet transparent) la 1 (complet opac), iar CSS-ul modern îl acceptă și în hsl().

Cum funcționează conversia

Citim valoarea OKLab, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în HSLA. Valorile din afara gamutului țintă sunt aduse în gamut cu algoritmul CSS Color 4, care păstrează luminozitatea și nuanța și reduce croma.

Întrebări și răspunsuri

Cum convertesc OKLab în HSLA?

Lipește sau scrie o valoare OKLab în câmpul de mai sus. PickShade o convertește cu formulele CSS Color 4 pe măsură ce scrii, iar un clic copiază valoarea HSLA.

Conversia din OKLab în HSLA este exactă?

Calculele sunt exacte, iar rezultatul este rotunjit doar la afișare, cu suficiente zecimale ca să poți reveni la aceeași culoare. Dacă culoarea nu încape în gamutul țintă, PickShade te avertizează și arată cea mai apropiată culoare care încape.

Pot obține și alte formate în același timp?

Da. Toate celelalte formate, inclusiv OKLCH, Display P3, Tailwind, SwiftUI, Flutter și Android, sunt listate sub rezultat și se copiază dintr-un clic.

Convertorul este gratuit?

Da. Este gratuit, nu cere cont și rulează în întregime în browserul tău.