RGB in OKLCH
RGB in OKLCH umrechnen, kostenlos: Gib Rot, Grün und Blau von 0 bis 255 ein und du bekommst den oklch()-Wert, um eine bestehende Palette in modernes CSS zu übertragen. Aus rgb(59, 130, 246) wird oklch(62.308% 0.18801 259.81). Stehen deine Farben in OKLCH, ist ein hellerer oder dunklerer Ton nur eine Änderung der ersten Zahl. Gerechnet wird in deinem Browser.
So rechnest du RGB in OKLCH um
- 1Tippe R, G und B in „Farbe“, etwa 59 130 246
- 2Oder füge rgb(59, 130, 246), einen Hex-Code oder CSS-Namen ein
- 3Kopiere den oklch()-Wert aus der großen Zeile
- Deine RGB-Farbe als oklch(L C H) fürs Stylesheet
Gut für den Palettenumzug
- Reine Zahlen gehen.Auf dieser Seite wird 59 130 246 als RGB gelesen, mit Leerzeichen oder Kommas zwischen den Zahlen
- Eine Farbe, viele Ansichten.OKLab, Lab, LCH, HSL und HEX der Farbe stehen auch in der Liste, jedes mit Kopierknopf
- Nichts wird gesendet.Dein Browser rechnet die Werte aus, auf deinem eigenen Gerät
Was du tun kannst
- RGB von 0 bis 255 oder rgb() mit Prozent in oklch() umrechnen, mit L in Prozent
- Eine Farbe mit dem Farbwähler aussuchen: Das Feld schreibt sie als rgb(), der OKLCH-Wert folgt
- Die nächste Farbe aus Tailwind 4 sehen, dessen Palette in OKLCH festgelegt ist, dazu die nächste aus Tailwind 3 und den nächsten CSS-Namen
- Auch OKLab kopieren, falls dein Code Farben in diesem Farbraum mischt
Gut zu wissen
- RGB wird als sRGB verstanden, der Farbraum des Webs. Jede sRGB-Farbe passt in OKLCH, in dieser Richtung wird also nichts verschoben oder abgeschnitten
- Jeder Kanal geht von 0 bis 255. Ein Wert außerhalb davon ergibt eine Meldung statt einer Farbe
- Bei Grau ist die Buntheit 0 und der Farbton ohne Bedeutung, er wird deshalb als 0 geschrieben
Fragen
Wie rechne ich RGB in OKLCH um?
Tippe die drei RGB-Zahlen ins Feld. Der oklch()-Wert erscheint sofort in der großen Zeile. Aus 34 197 94 wird zum Beispiel oklch(72.275% 0.19201 149.58).
Was bedeuten die drei OKLCH-Zahlen?
L ist die Helligkeit von 0 % (Schwarz) bis 100 % (Weiß). C ist die Buntheit, von 0 für Grau bis etwa 0.32 in sRGB. H ist der Farbtonwinkel von 0 bis 360.
Sieht die Farbe nach dem Umrechnen gleich aus?
Ja. Der oklch()-Wert beschreibt dieselbe Farbe wie dein RGB und ergibt zurückgerechnet wieder dieselben RGB-Zahlen. Nur die Schreibweise ändert sich.
Wird meine Farbe irgendwo hochgeladen?
Nein. Die Umrechnung läuft 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