Convertor HSB / HSV în OKLab

Lipește o valoare HSB / HSV și primești imediat OKLab. Merge și orice alt format.

Din HSB / HSV

Recunoscut ca HSV

Valoare OKLaboklab(68.036% 0.17473 0.1165)

OKLab în HSB / HSV

Ajustează culoarea

Nuanță11°

Opacitate100 %

Luminozitate68 %

Cromă0,210

Nuanță34°

Toate celelalte formate

Exemple HSB / HSV în OKLab

Culoare	HSB / HSV	OKLab
	hsv(0 100% 100%)	oklab(62.796% 0.22486 0.12585)
	hsv(120 100% 100%)	oklab(86.644% -0.23389 0.1795)
	hsv(240 100% 100%)	oklab(45.201% -0.03246 -0.31153)
	hsv(0 0% 100%)	oklab(100% 0 0)
	hsv(0 0% 0%)	oklab(0% 0 0)
	hsv(0 0% 50.2%)	oklab(59.987% 0 0)
	hsv(10.59 80% 100%)	oklab(68.036% 0.17474 0.1165)
	hsv(217.22 76.02% 96.47%)	oklab(62.308% -0.03325 -0.18505)
	hsv(160.12 91.35% 72.55%)	oklab(69.587% -0.14216 0.04488)
	hsv(37.69 95.51% 96.08%)	oklab(76.859% 0.0561 0.15481)
	hsv(258.31 62.6% 96.47%)	oklab(60.563% 0.08454 -0.20193)
	hsv(330.37 69.49% 92.55%)	oklab(65.592% 0.21073 -0.021)

Despre HSB / HSV și OKLab

HSV, numit și HSB, folosește nuanța, saturația și valoarea (strălucirea). Photoshop, Figma și majoritatea selectoarelor de culori îl folosesc pentru pătratul de selecție.

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.

Cum funcționează conversia

Citim valoarea HSB / HSV, o convertim în CIE XYZ cu matricele din specificația CSS Color 4, apoi în OKLab. 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 HSB / HSV în OKLab?

Lipește sau scrie o valoare HSB / HSV î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 OKLab.

Conversia din HSB / HSV în OKLab 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.