Tool Hub

OKLCH Farbwähler

OKLCH ↔ sRGB/HEX Schieber-Konvertierung

oklch: oklch(70.0% 0.150 240)

hex: #26a9f1

rgb: rgb(38, 169, 241)

CSS
color: oklch(70.0% 0.150 240);

Conversion via OKLab → linear sRGB → sRGB. Out-of-gamut values are clamped.

Wie man es benutzt

  1. Ziehen Sie die L (Helligkeit), C (Chroma) und H (Farbton) Schieber, um eine Farbe zu erzeugen.
  2. Alternativ fügen Sie einen existierenden oklch(), Hex- oder RGB-Wert in die Reverse-Eingabe ein, um eine Farbe zu importieren.
  3. Lesen Sie das Live-Farbmuster und die generierten oklch(), Hex- und RGB-Werte unter den Schiebern.
  4. Kopieren Sie das fertige CSS-Snippet color: oklch(...) aus dem Ausgabe-Bereich.
  5. Teilen Sie die aktuelle Farbe über die Copy-Link-Schaltfläche.

Beispiele

  • Das Setzen von L=0,65, C=0,18, H=250 erzeugt ein Mittel-Blau; das Tool zeigt oklch(0,65 0,18 250), sein Hex #4b78d4 und das äquivalente RGB().
  • Das Einfügen von #ff6600 in die Reverse-Eingabe füllt die Schieber mit den entsprechenden OKLCH-Koordinaten.

Ergebnisse vor dem Produktiveinsatz prüfen. Keine Gewährleistung — siehe Nutzungsbedingungen.