LCH in OKLab umrechnen

LCH-Wert einfügen und sofort OKLab erhalten. Andere Formate funktionieren auch.

Aus LCH

Erkannt als CIE LCH

OKLab-Wertoklab(68.035% 0.17472 0.1165)

OKLab in LCH

Farbe anpassen

Farbton11°

Deckkraft100 %

Helligkeit68 %

Chroma0,210

Farbton34°

Alle anderen Formate

Beispiele: LCH in OKLab

Farbe	LCH	OKLab
	lch(54.29 106.84 40.86)	oklab(62.796% 0.22486 0.12585)
	lch(87.82 113.33 134.38)	oklab(86.644% -0.23389 0.1795)
	lch(29.57 131.2 301.36)	oklab(45.201% -0.03246 -0.31153)
	lch(100 0 0)	oklab(100% 0 0)
	lch(0 0 0)	oklab(0% 0 0)
	lch(53.59 0 0)	oklab(59.987% 0 0)
	lch(61.03 84.67 41.37)	oklab(68.036% 0.17474 0.1165)
	lch(54.62 66.37 277.59)	oklab(62.308% -0.03325 -0.18505)
	lch(66.69 53.46 161.39)	oklab(69.587% -0.14216 0.04488)
	lch(72.79 80.1 70.35)	oklab(76.859% 0.0561 0.15481)
	lch(50.69 85.19 302.56)	oklab(60.563% 0.08454 -0.20193)
	lch(57.31 68.24 354.01)	oklab(65.592% 0.21073 -0.021)

Über LCH und OKLab

CIE LCH ist Lab in Polarform: Helligkeit, Chroma und Farbton. Damit lässt sich leichter arbeiten als mit Lab, und CSS unterstützt es als lch().

OKLab ist ein moderner, wahrnehmungsbasierter Farbraum von 2020. Gleiche Schritte wirken für das Auge gleich groß, dadurch werden Verläufe und Mischungen sauberer als in RGB oder HSL.

So funktioniert die Umrechnung

Wir lesen den LCH-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in OKLab. 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 LCH in OKLab um?

Füge einen LCH-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 OKLab-Wert.

Ist die Umrechnung von LCH in OKLab 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.