HEX in LCH
HEX in LCH umrechnen, kostenlos und online: Gib einen Hex-Code ein und du bekommst ihn als lch(), mit Helligkeit, Buntheit und Farbton. Aus #7C3AED wird lch(42.23% 98.71 305.25). LCH ist CIE Lab in Polarform. So kannst du eine Farbe heller oder matter machen, ohne dass der Farbton wegwandert wie in HSL. Gerechnet wird in deinem Browser.
So rechnest du HEX in LCH um
- 1Füge deinen Hex-Code in „Farbe“ ein, etwa #7C3AED
- 2Oder wähle die Farbe mit dem Farbwähler
- 3Kopiere den lch()-Wert aus der großen Zeile
- Helligkeit, Buntheit und Farbton als CSS lch()
Warum LCH
- Drei lesbare Zahlen.L ist die Helligkeit, C die Buntheit, H der Farbtonwinkel von 0 bis 360
- Fertig für CSS.Der Wert steht als lch() mit L in Prozent da, so wie Stylesheets ihn nehmen
- Nichts wird gesendet.Dein Browser rechnet die Zahlen auf deinem eigenen Gerät aus
Was du tun kannst
- Einen Hex-Code mit drei oder sechs Stellen, mit oder ohne #, in lch() mit zwei Nachkommastellen umrechnen
- LCH mit OKLCH vergleichen, das in derselben Liste steht: Beide haben Helligkeit, Buntheit und Farbton, aber auf anderen Skalen
- Auch den Lab-Wert kopieren, dieselbe Farbe mit a und b statt Buntheit und Farbton
- Statt eines Hex-Codes rgb(), hsl() oder einen CSS-Farbnamen einfügen
Gut zu wissen
- LCH ist hier CIE LCH mit dem Weißpunkt D50, so wie CSS lch() es nutzt. Es ist nicht dasselbe wie OKLCH, auch wenn die Buchstaben gleich sind
- Die Buntheit hat keine feste Obergrenze. Kräftige sRGB-Farben kommen über 100, Grautöne liegen bei 0
- Bei einem Grau hat der Farbton keine Bedeutung und wird als 0 geschrieben
Fragen
Wie rechne ich HEX in LCH um?
Tippe oder füge den Hex-Code ins Feld ein. Der lch()-Wert erscheint sofort in der großen Zeile, „Kopieren“ übernimmt ihn. #FFC61A ist zum Beispiel lch(83.33% 81.69 82).
Was unterscheidet LCH von HSL?
Beide haben einen Farbton, aber die Helligkeit in HSL kümmert sich nicht darum, wie das Auge Farben sieht: Gelb und Blau mit gleicher HSL-Helligkeit wirken ganz verschieden. Die Helligkeit in LCH folgt dem Auge viel enger.
Nehme ich in CSS besser LCH oder OKLCH?
Beides funktioniert in aktuellen Browsern. OKLCH hält den Farbton stabiler, wenn du die Helligkeit änderst, vor allem bei Blau. Darum setzen viele neue Farbsysteme darauf. Das Tool zeigt beide, du kannst also jedes kopieren.
Wird meine Farbe an einen Server geschickt?
Nein. Die Umrechnung passiert in deinem Browser. Mit deiner Farbe wird keine Anfrage gestellt.
Weitere Tools in „Web & Code“
Diese Seite gibt es nicht. Such unten oder zieh eine Datei hierher, um das passende Werkzeug zu finden.
Eine Website für jede Dateiaufgabe. Welche ist deine?
Schluss mit dem Hin und Her zwischen Konverter-Websites. Wähle eines von 410+ Tools oder ein Rezept, das mehrere aneinanderreiht.
- Dateien bleiben auf deinem Gerät
- Kein Wasserzeichen
- Funktioniert offline
Datei hierher ziehen
Eine eingefügte Datei geht auch.
oder such ein Tool
Eine App öffnen
Von „uff, diese Datei“ zu erledigt, in drei Schritten.
- Zieh sie rein oder wähl eine Aufgabe
Keine Datei? Such, was du brauchst. Dateien werden auf deinem Gerät verarbeitet, nicht zur Verarbeitung hochgeladen.
- Wähl, was du willst
Kleiner, ein anderes Format, unterschrieben, zusammengefügt. Ein Klick, ohne erst Einstellungen zu studieren.
- Mach ein Rezept daraus
Jede Woche dieselben drei Schritte? Reih sie einmal aneinander und lass beim nächsten Mal dasselbe Rezept laufen.
Ein freigegebener Werkzeugkasten für das ganze Team.
Ob im Büro, auf der Baustelle oder in der Agentur: Teams arbeiten den ganzen Tag mit vertraulichen Dateien. ToolRecipe gibt allen dieselben Werkzeuge und dieselben Rezepte, und die Dateien werden auf dem eigenen Computer jeder Person verarbeitet.
- Dateien werden auf dem Gerät der Mitarbeitenden verarbeitet
- Firmenrezepte, die alle gleich ausführen
- Ein Ort statt zehn Konverter-Seiten