OKLCH zu HEX Konverter

Füge einen oklch()-Wert ein und erhalte den passenden HEX-Wert sowie RGB und HSL. Außerdem zeigt es dir an, wenn eine Farbe außerhalb des sRGB-Bereichs liegt.

Aktualisiert am

Deine Daten verlassen nie deinen Computer. Die Verarbeitung erfolgt zu 100 % lokal im Browser.

So nutzt du: OKLCH zu HEX Konverter

  1. Füge deine Farbe ein, z. B. oklch(62.8% 0.2577 29.23).
  2. Prüfe den Gamut-Hinweis unter dem Ergebnis.
  3. Kopiere den HEX-Wert für deinen Fallback oder dein Design-Tool.

Wann brauchst du OKLCH zu HEX?

Manche Tools, E-Mail-Clients und ältere Browser können OKLCH nicht lesen. Ein HEX-Wert dient als sicherer Fallback:

color: #e83a2e;
color: oklch(62.8% 0.2577 29.23);

Browser nutzen den letzten Wert, den sie verstehen. Ältere Browser greifen daher auf den HEX-Wert zurück.

Was bedeutet „außerhalb des Gamuts“?

OKLCH kann leuchtende Farben beschreiben, die HEX nicht speichern kann. In diesem Fall ist der HEX-Wert die nächstliegende Annäherung und kann auf einem Bildschirm mit breitem Farbraum etwas matter wirken.

Auch gesucht als: oklch zu hex, oklch in hex umwandeln, oklch hex konverter, oklch zu rgb, oklch farbe umrechnen, oklch to hex, gamut check oklch.

Passende Tools zu: OKLCH zu HEX Konverter

  • OKLCH Farbkonverter — Erkunde den wahrnehmungsgleichmäßigen OKLCH-Farbraum mit Live-Reglern, prüfe, ob eine Farbe in sRGB passt, und kopiere passende HEX-, RGB- und HSL-Fallbacks.
  • HEX zu OKLCH Konverter — Füge eine HEX-Farbe ein und erhalte ihren OKLCH-Wert für CSS.
  • Farbkonverter — Füge eine beliebige CSS-Farbe ein — HEX, rgb(), hsl(), hwb(), oklch() oder einen Namen wie tomato — und erhalte sofort alle anderen Formate sowie eine fertige 50–950-Palette.
  • HEX zu RGBA Konverter — Füge einen HEX-Code ein, zieh den Deckkraft-Regler und kopiere das genaue CSS, das du brauchst: klassisches rgba(), modernes rgb( / alpha) oder 8-stelliges HEX.

Häufige Fragen

Warum sieht meine HEX-Farbe anders aus?
Die OKLCH-Farbe liegt möglicherweise außerhalb von sRGB. HEX zeigt dann die nächstgelegene Farbe, die darstellbar ist.
Kann ich OKLCH in Figma verwenden?
Das hängt von deiner Version und deinen Plugins ab. HEX ist der sicherste Weg, eine Farbe in ein Design-Tool zu übertragen.
Werden meine Daten hochgeladen?
Nein. Alles läuft in deinem Browser.
Kann ich OKLCH zu HEX Konverter als Web-App installieren und offline nutzen?
Ja. OKLCH zu HEX Konverter ist eine installierbare Web-App (PWA) – sie wird über Ihren Browser installiert und nicht aus einem App-Store heruntergeladen. Klicken Sie oben auf dieser Seite in Chrome oder Edge (Windows, macOS, Linux, ChromeOS) auf „App installieren“ oder verwenden Sie auf Android-Geräten „Teilen“ → „Zum Startbildschirm hinzufügen“ auf dem iPhone und iPad bzw. „Datei“ → „Zum Dock hinzufügen“ in Safari 17+ auf einem Mac. Die App öffnet sich dann in einem eigenen Fenster mit einem eigenen Symbol, und da sie vollständig in Ihrem Browser ausgeführt wird, funktioniert sie auch offline. Firefox auf dem Desktop kann keine Web-Apps installieren. So funktioniert die Installation.

Ähnliche Tools