HSB / HSV naar OKLab converter

Plak een HSB / HSV-waarde en krijg direct OKLab. Andere formaten werken ook.

Van HSB / HSV

Gelezen als HSV

OKLab-waardeoklab(68.036% 0.17473 0.1165)

OKLab naar HSB / HSV

Kleur aanpassen

Kleurtoon11°

Dekking100%

Lichtheid68%

Chroma0,210

Kleurtoon34°

Alle andere formaten

Voorbeelden: HSB / HSV naar OKLab

Kleur	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)

Over HSB / HSV en OKLab

HSV, ook HSB genoemd, gebruikt kleurtoon, verzadiging en helderheid. Photoshop, Figma en de meeste kleurkiezers gebruiken het voor het vierkante kiesvlak.

OKLab is een moderne, perceptuele kleurruimte uit 2020. Gelijke stappen zien er voor het oog gelijk uit, waardoor kleurverlopen en mengsels schoner worden dan in RGB of HSL.

Zo werkt de omzetting

We lezen de HSB / HSV-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar OKLab. Waarden buiten de doelgamut worden aangepast met het algoritme van CSS Color 4: lichtheid en kleurtoon blijven, de chroma daalt.

Vragen en antwoorden

Hoe zet ik HSB / HSV om naar OKLab?

Plak of typ een HSB / HSV-waarde in het veld hierboven. PickShade zet hem al tijdens het typen om met de formules van CSS Color 4, en met één klik kopieer je de OKLab-waarde.

Is de omzetting van HSB / HSV naar OKLab exact?

De berekening is exact en het resultaat wordt alleen voor de weergave afgerond, met genoeg cijfers om terug te rekenen naar dezelfde kleur. Past de kleur niet in de doelgamut, dan waarschuwt PickShade je en toont de dichtstbijzijnde kleur die wel past.

Kan ik tegelijk andere formaten krijgen?

Ja. Alle andere formaten, waaronder OKLCH, Display P3, Tailwind, SwiftUI, Flutter en Android, staan onder het resultaat en kopieer je met één klik.

Is deze converter gratis?

Ja. Hij is gratis, vraagt geen account en draait volledig in je browser.