# OKLCH bis CIELAB Farbformat-Konverter Konvertiere OKLCH-Farben in einem Schritt zu CIELAB. Gib einen OKLCH-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in CIELAB, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn CIELAB die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen. ## Häufig gestellte Fragen ### Zwischen welchen Formaten kann ich konvertieren? Zehn Formate: HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK und Display P3. Jedes davon kann als Quell- oder Zielformat dienen, sodass es 90 Konvertierungsrichtungen gibt. Die Ergebnisse verwenden die moderne CSS-Color-4-Syntax, zum Beispiel rgb(255 136 0) oder oklch(0.7442 0.1812 56.46). ### Wie gebe ich die Eingabefarbe ein? Gib die vollständige CSS-Notation des Quellformats ein, zum Beispiel hsl(32 100% 50%) oder color(display-p3 1 0.5 0), oder nur die Zahlen, etwa 32, 100%, 50%, wenn HSL ausgewählt ist. Hex-Codes funktionieren mit oder ohne # und mit 3, 4, 6 oder 8 Ziffern. Der Wert muss zum ausgewählten Quellformat passen. Ein rgb()-Wert auf einer HSL-Seite wird daher abgelehnt, statt versehentlich konvertiert zu werden. ### Wie wird CMYK konvertiert? culori unterstützt keinen CMYK-Modus. Deshalb verwendet der Konverter die übliche einfache Formel mit sRGB-Werten von 0 bis 1: K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K) und entsprechend für M und Y. In umgekehrter Richtung gilt R = (1 - C) x (1 - K) und so weiter. Das ist keine ICC-Profilkonvertierung und entspricht daher nicht der Ausgabe einer bestimmten Druckmaschine oder eines bestimmten Papiers. Verwende sie für Bildschirmnäherungen und grobe Spezifikationen. ### Wie gebe ich einen CMYK-Wert ein? Verwende cmyk(0%, 47%, 100%, 0%), geräte-cmyk(0 0.47 1 0) oder vier reine Zahlen. Werte mit Prozentzeichen werden als Prozentangaben behandelt; Werte ohne Einheit als Bruchteile von 0 bis 1. Liegt einer davon über 1, werden alle als Prozentangaben gelesen. Daher funktioniert 0, 47, 100, 0 wie erwartet. CMYK-Ausgaben werden immer als Prozentangaben mit bis zu zwei Dezimalstellen ausgegeben. ### Was geschieht mit Farben außerhalb des Zielfarbraums? Lab, LCH, OKLab, OKLCH und Display P3 können Farben beschreiben, die sRGB nicht darstellen kann. Ist das Ziel HEX, RGB, HSL, HWB oder CMYK, die alle sRGB entsprechen, oder Display P3, wird eine Farbe außerhalb des Farbraums mit dem CSS-Color-4-Algorithmus angepasst. Dabei wird die OKLCH-Chroma verringert, bis die Farbe in den Farbraum passt; das Ergebnis enthält einen entsprechenden Hinweis. Die Zielformate Lab, LCH, OKLab und OKLCH sind unbegrenzt, daher werden Farben nie angepasst. ### Bleibt die Transparenz erhalten? Ja, bei jedem Zielformat außer CMYK. Ein Alpha-Wert in der Eingabe, zum Beispiel rgb(255 136 0 / 50%) oder #ff880080, wird in CSS-Funktionen als / 0.5 und als 8-stelliger Hex-Code ausgegeben. CMYK hat keinen Alphakanal, daher entfällt der Alpha-Wert dabei. ### Wie genau sind die Ergebnisse? RGB-Kanäle werden auf ganze Zahlen von 0 bis 255 gerundet; Prozentsätze für HSL, HWB und CMYK sowie Lab- und LCH-Werte auf zwei Dezimalstellen; OKLab-Werte, OKLCH-Helligkeit und -Chroma sowie Display-P3-Kanäle auf vier Dezimalstellen; Farbtonwerte auf zwei Dezimalstellen. Alle Berechnungen erfolgen vor dem Runden mit voller doppelter Genauigkeit. So bleibt die Abweichung beim Hin- und Herkonvertieren innerhalb der Rundung des ursprünglichen Werts. ### Welche Lab- und LCH-Varianten verwendet der Konverter? CIELAB und CIE LCH mit dem D50-Weißpunkt, genau wie in den Funktionen CSS lab() und lch() definiert, mit Bradford-Adaptation vom D65-Weißpunkt von sRGB. Die Helligkeit reicht von 0 bis 100. OKLab und OKLCH sind die wahrnehmungsbezogenen Farbräume von Bjorn Ottosson, die von CSS oklab() und oklch() verwendet werden; ihre Helligkeit reicht von 0 bis 1. ### Kann ich mehrere Farben auf einmal konvertieren? Das Formular auf der Seite konvertiert jeweils eine Farbe. Clients, die das Tool direkt aufrufen, können bis zu 100 Farben senden, eine pro Zeile, und erhalten pro Zeile einen konvertierten Wert in derselben Reihenfolge. Jede Farbe darf höchstens 100 Zeichen lang sein. ### Warum wird für Grautöne ein Farbton von 0 angezeigt? Neutrale Farben haben keinen Farbton. CSS kann diesen als none ausgeben. Der Konverter gibt stattdessen 0 aus, damit der Wert auch in Werkzeugen funktioniert, die none nicht akzeptieren. Bei einer Sättigung oder Chroma von null hat der Farbton keine sichtbare Wirkung. ## Verwandte Tools ### [Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/) Konvertiere eine Farbe zwischen HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK und Display P3. Wähle Quell- und Zielformat aus, gib den Wert in CSS-Syntax oder als reine Zahlen ein und erhalte ein für CSS geeignetes Ergebnis, das mit der culori-Bibliothek berechnet wird. Farben außerhalb des Zielfarbraums werden gemäß den Vorgaben von CSS Color 4 angepasst. Entwickelt für Entwickler und Designer, die Farben zwischen Code und Designwerkzeugen übertragen. ### [OKLCH bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-hex/) Konvertiere OKLCH-Farben in einem Schritt zu HEX. Gib einen OKLCH-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in HEX, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn HEX die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen. ### [OKLCH bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-rgb/) Konvertiere OKLCH-Farben in einem Schritt zu RGB. Gib einen OKLCH-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in RGB, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn RGB die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen. ### [OKLCH bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-hsl/) Konvertiere OKLCH-Farben in einem Schritt zu HSL. Gib einen OKLCH-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in HSL, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn HSL die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen. ### [OKLCH bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-hwb/) Konvertiere OKLCH-Farben in einem Schritt zu HWB. Gib einen OKLCH-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in HWB, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn HWB die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen. ### [OKLCH bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-lch/) Konvertiere OKLCH-Farben in einem Schritt zu CIE LCH. Gib einen OKLCH-Wert in CSS-Syntax oder als reine Zahlen ein und erhalte das exakte Äquivalent in CIE LCH, gerundet für CSS und mit der culori-Bibliothek berechnet. Wenn CIE LCH die Farbe nicht darstellen kann, wird sie gemäß den Vorgaben von CSS Color 4 auf die nächstgelegene Farbe innerhalb des Farbraums abgebildet. Entwickelt für Entwickler und Designer, die Farben zwischen Stylesheets, Designwerkzeugen und Spezifikationen übertragen. **Alle 90 verwandten Werkzeuge anzeigen** - [OKLCH bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-oklab/) - [OKLCH bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-cmyk/) - [OKLCH bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklch-to-p3/) - [HEX bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-lab/) - [RGB bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-lab/) - [HSL bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-lab/) - [HWB bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-lab/) - [CIE LCH bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-lab/) - [OKLab bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-lab/) - [CMYK bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-lab/) - [Display P3 bis CIELAB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-lab/) - [HEX bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-rgb/) - [HEX bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-hsl/) - [HEX bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-hwb/) - [HEX bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-lch/) - [HEX bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-oklab/) - [HEX bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-oklch/) - [HEX bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-cmyk/) - [HEX bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hex-to-p3/) - [RGB bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-hex/) - [RGB bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-hsl/) - [RGB bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-hwb/) - [RGB bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-lch/) - [RGB bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-oklab/) - [RGB bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-oklch/) - [RGB bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-cmyk/) - [RGB bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/rgb-to-p3/) - [HSL bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-hex/) - [HSL bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-rgb/) - [HSL bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-hwb/) - [HSL bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-lch/) - [HSL bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-oklab/) - [HSL bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-oklch/) - [HSL bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-cmyk/) - [HSL bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hsl-to-p3/) - [HWB bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-hex/) - [HWB bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-rgb/) - [HWB bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-hsl/) - [HWB bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-lch/) - [HWB bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-oklab/) - [HWB bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-oklch/) - [HWB bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-cmyk/) - [HWB bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/hwb-to-p3/) - [CIELAB bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-hex/) - [CIELAB bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-rgb/) - [CIELAB bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-hsl/) - [CIELAB bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-hwb/) - [CIELAB bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-lch/) - [CIELAB bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-oklab/) - [CIELAB bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-oklch/) - [CIELAB bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-cmyk/) - [CIELAB bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lab-to-p3/) - [CIE LCH bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-hex/) - [CIE LCH bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-rgb/) - [CIE LCH bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-hsl/) - [CIE LCH bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-hwb/) - [CIE LCH bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-oklab/) - [CIE LCH bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-oklch/) - [CIE LCH bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-cmyk/) - [CIE LCH bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/lch-to-p3/) - [OKLab bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-hex/) - [OKLab bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-rgb/) - [OKLab bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-hsl/) - [OKLab bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-hwb/) - [OKLab bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-lch/) - [OKLab bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-oklch/) - [OKLab bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-cmyk/) - [OKLab bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/oklab-to-p3/) - [CMYK bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-hex/) - [CMYK bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-rgb/) - [CMYK bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-hsl/) - [CMYK bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-hwb/) - [CMYK bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-lch/) - [CMYK bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-oklab/) - [CMYK bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-oklch/) - [CMYK bis Display P3 Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/cmyk-to-p3/) - [Display P3 bis HEX Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-hex/) - [Display P3 bis RGB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-rgb/) - [Display P3 bis HSL Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-hsl/) - [Display P3 bis HWB Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-hwb/) - [Display P3 bis CIE LCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-lch/) - [Display P3 bis OKLab Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-oklab/) - [Display P3 bis OKLCH Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-oklch/) - [Display P3 bis CMYK Farbformat-Konverter](https://oneclick.pro/de/tool/color-format-converter/p3-to-cmyk/) Deine Anzeige hier? [Schreib uns eine E-Mail](mailto:hi@dennn.is?subject=Werbung%20auf%20OneClick%20Pro) [Anzeige Die agentenfähige Plugin-Suite für WordPress.](https://sleekwp.com/?ref=oneclickpro)