HWB naar Lab converter

Plak een HWB-waarde en krijg direct Lab. Andere formaten werken ook.

Van HWB

Gelezen als HWB

Lab-waardelab(61.03 63.55 55.96)

Lab naar HWB

Kleur aanpassen

Kleurtoon11°

Dekking100%

Lichtheid68%

Chroma0,210

Kleurtoon34°

Alle andere formaten

Voorbeelden: HWB naar Lab

Kleur	HWB	Lab
	hwb(0 0% 0%)	lab(54.29 80.8 69.89)
	hwb(120 0% 0%)	lab(87.82 -79.27 80.99)
	hwb(240 0% 0%)	lab(29.57 68.29 -112.03)
	hwb(0 100% 0%)	lab(100 0 0)
	hwb(0 0% 100%)	lab(0 0 0)
	hwb(0 50.2% 49.8%)	lab(53.59 0 0)
	hwb(10.59 20% 0%)	lab(61.03 63.55 55.96)
	hwb(217.22 23.14% 3.53%)	lab(54.62 8.76 -65.79)
	hwb(160.12 6.27% 27.45%)	lab(66.69 -50.67 17.06)
	hwb(37.69 4.31% 3.92%)	lab(72.79 26.93 75.43)
	hwb(258.31 36.08% 3.53%)	lab(50.69 45.85 -71.8)
	hwb(330.37 28.24% 7.45%)	lab(57.31 67.87 -7.12)

Over HWB en Lab

HWB beschrijft een kleur met de kleurtoon plus hoeveel wit en zwart erdoor gemengd is. Het hoort bij CSS Color 4 en is handig voor lichtere en donkerdere varianten.

CIE Lab beschrijft de lichtheid L en twee kleurassen, a (groen naar rood) en b (blauw naar geel). Het is apparaatonafhankelijk en wordt gebruikt voor kleurverschillen zoals ΔE.

Zo werkt de omzetting

We lezen de HWB-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar Lab. 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 HWB om naar Lab?

Plak of typ een HWB-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 Lab-waarde.

Is de omzetting van HWB naar Lab 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.