HWB in Lab umrechnen

HWB-Wert einfügen und sofort Lab erhalten. Andere Formate funktionieren auch.

Aus HWB

Erkannt als HWB

Lab-Wertlab(61.03 63.55 55.96)

Lab in HWB

Farbe anpassen

Farbton11°

Deckkraft100 %

Helligkeit68 %

Chroma0,210

Farbton34°

Alle anderen Formate

Beispiele: HWB in Lab

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

Über HWB und Lab

HWB beschreibt eine Farbe über ihren Farbton und darüber, wie viel Weiß und Schwarz beigemischt ist. Es gehört zu CSS Color 4 und ist praktisch für hellere und dunklere Abstufungen.

CIE Lab beschreibt die Helligkeit L und zwei Farbachsen, a (Grün bis Rot) und b (Blau bis Gelb). Es ist geräteunabhängig und dient zur Berechnung von Farbabständen wie ΔE.

So funktioniert die Umrechnung

Wir lesen den HWB-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in Lab. Werte außerhalb des Zielfarbraums passt der Algorithmus aus CSS Color 4 an: Helligkeit und Farbton bleiben, das Chroma sinkt.

Fragen und Antworten

Wie rechne ich HWB in Lab um?

Füge einen HWB-Wert in das Feld oben ein oder tippe ihn ein. PickShade rechnet schon beim Tippen mit den Formeln aus CSS Color 4 um, und ein Klick kopiert den Lab-Wert.

Ist die Umrechnung von HWB in Lab exakt?

Die Rechnung ist exakt. Gerundet wird nur für die Anzeige, mit so vielen Stellen, dass die Rückrechnung dieselbe Farbe ergibt. Passt die Farbe nicht in den Zielfarbraum, warnt PickShade und zeigt die nächste Farbe, die passt.

Bekomme ich gleichzeitig andere Formate?

Ja. Alle anderen Formate, darunter OKLCH, Display P3, Tailwind, SwiftUI, Flutter und Android, stehen unter dem Ergebnis und lassen sich mit einem Klick kopieren.

Ist dieser Konverter kostenlos?

Ja. Er ist kostenlos, braucht keine Anmeldung und läuft komplett in deinem Browser.