OKLCH in HEX
Ein OKLCH-in-HEX-Rechner, kostenlos und im Browser: Füge einen oklch()-Wert aus einem Stylesheet oder einem Tailwind-4-Theme ein und du bekommst den Hex-Code, den Design-Tools, Mailvorlagen und ältere Apps erwarten. Aus oklch(70% 0.12 250) wird #61A3E6. Liegt die OKLCH-Farbe jenseits von sRGB, bekommst du den nächsten Hex-Code und einen Hinweis.
So rechnest du OKLCH in HEX um
- 1Füge oklch() in „Farbe“ ein oder tippe L, C und H, etwa 0.7 0.12 250
- 2Ein Hinweis unter dem Farbfeld heißt: Die Farbe lag außerhalb von sRGB
- 3Kopiere den Hex-Code aus der großen Zeile
- Ein Hex-Code wie #61A3E6
So funktioniert es
- Helligkeit auf zwei Arten.Gib L als 0.7 oder als 70% ein: Beides meint dieselbe Helligkeit
- Außerhalb? Wird gelöst.Farben jenseits von sRGB verlieren Buntheit, bis sie passen, so wie CSS Color 4 es vorsieht
- Nichts wird gesendet.Die Zahlen werden in deinem Browser ausgerechnet
Was du tun kannst
- OKLCH in einen sechsstelligen Hex-Code umrechnen, aus drei reinen Zahlen oder einem ganzen oklch()-Wert
- Die Buntheit auch als Prozent schreiben, wobei 100 % für 0.4 steht, und den Farbton in deg, rad, grad oder turn
- Die nächste Farbe aus Tailwind 4 und Tailwind 3 und den nächsten CSS-Namen zum Ergebnis sehen
- RGB, HSL oder CMYK derselben Farbe aus der Liste darunter kopieren
Gut zu wissen
- OKLCH erreicht Farben, die sRGB, der Bereich von HEX, nicht zeigen kann. Aus oklch(0.7 0.3 145) wird zum Beispiel #00C300: gleiche Helligkeit und gleicher Farbton, weniger Buntheit
- Die Helligkeit geht von 0 bis 1 oder von 0 % bis 100 %. Ein Wert außerhalb davon ergibt eine Meldung statt einer Farbe
- Nachkommastellen schreibst du mit Punkt, also 0.7 statt 0,7. Ein Komma trennt hier die Zahlen
- Ein Hex-Code hat ganze Stufen. Sein eigener OKLCH-Wert kann deshalb in den letzten Stellen leicht von deiner Eingabe abweichen
Fragen
Wie rechne ich OKLCH in HEX um?
Füge den oklch()-Wert ein oder tippe seine drei Zahlen ins Feld. Der Hex-Code erscheint in der großen Zeile, bereit für „Kopieren“. Aus oklch(55% 0.15 300) wird zum Beispiel #8059BB.
Warum ist meine Hex-Farbe weniger kräftig als die OKLCH-Farbe?
Dein OKLCH-Wert hat mehr Buntheit, als sRGB bei dieser Helligkeit und diesem Farbton fasst. HEX kann nicht über sRGB hinaus, also senkt das Tool die Buntheit, behält Helligkeit und Farbton und zeigt einen Hinweis.
Kann ich Tailwind-4-Farben in HEX umrechnen?
Ja. Füge den oklch()-Wert aus dem Theme ein oder tippe einfach den Namen, etwa sky-500. Das Tool liest auch Tailwind-Namen.
Wird meine Farbe hochgeladen?
Nein. Alles passiert in deinem Browser, und 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