Zum Farbwähler springen

OKLab in RGBA umrechnen

OKLab-Wert einfügen und sofort RGBA erhalten. Andere Formate funktionieren auch.

Erkannt als OKLab

RGBA-Wertrgba(255, 87, 51, 1)
RGBA in OKLab

Farbe anpassen

11°
100 %

68 %
0,210
34°

Alle anderen Formate

Deckkraft-Tabelle: HEX-Alpha und RGBA

Bei 8-stelligem HEX legen die letzten zwei Ziffern die Deckkraft fest: FF ist voll deckend, 80 etwa 50 %, 00 völlig transparent. Die Tabelle zeigt die Beispielfarbe in 5-%-Schritten.

DeckkraftHEX-AlphaHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Beispiele: OKLab in RGBA

FarbeOKLabRGBA
oklab(62.796% 0.22486 0.12585)rgba(255, 0, 0, 1)
oklab(86.644% -0.23389 0.1795)rgba(0, 255, 0, 1)
oklab(45.201% -0.03246 -0.31153)rgba(0, 0, 255, 1)
oklab(100% 0 0)rgba(255, 255, 255, 1)
oklab(0% 0 0)rgba(0, 0, 0, 1)
oklab(59.987% 0 0)rgba(128, 128, 128, 1)
oklab(68.036% 0.17474 0.1165)rgba(255, 87, 51, 1)
oklab(62.308% -0.03325 -0.18505)rgba(59, 130, 246, 1)
oklab(69.587% -0.14216 0.04488)rgba(16, 185, 129, 1)
oklab(76.859% 0.0561 0.15481)rgba(245, 158, 11, 1)
oklab(60.563% 0.08454 -0.20193)rgba(139, 92, 246, 1)
oklab(65.592% 0.21073 -0.021)rgba(236, 72, 153, 1)

Über OKLab und RGBA

OKLab ist ein moderner, wahrnehmungsbasierter Farbraum von 2020. Gleiche Schritte wirken für das Auge gleich groß, dadurch werden Verläufe und Mischungen sauberer als in RGB oder HSL.

RGBA ist RGB mit Alphakanal für die Deckkraft, geschrieben als rgba(255, 87, 51, 0.5). Alpha reicht von 0 (völlig transparent) bis 1 (voll deckend). Dieselbe Deckkraft lässt sich als 8-stelliges HEX schreiben, etwa #ff573380.

So funktioniert die Umrechnung

Wir lesen den OKLab-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in RGBA. Werte außerhalb des Zielfarbraums passt der Algorithmus aus CSS Color 4 an: Helligkeit und Farbton bleiben, das Chroma sinkt.

Fragen und Antworten

Wie rechne ich OKLab in RGBA um?

Füge einen OKLab-Wert in das Feld oben ein oder tippe ihn ein. PickShade rechnet schon beim Tippen mit den Formeln aus CSS Color 4 um, und ein Klick kopiert den RGBA-Wert.

Ist die Umrechnung von OKLab in RGBA exakt?

Die Rechnung ist exakt. Gerundet wird nur für die Anzeige, mit so vielen Stellen, dass die Rückrechnung dieselbe Farbe ergibt. Passt die Farbe nicht in den Zielfarbraum, warnt PickShade und zeigt die nächste Farbe, die passt.

Bekomme ich gleichzeitig andere Formate?

Ja. Alle anderen Formate, darunter OKLCH, Display P3, Tailwind, SwiftUI, Flutter und Android, stehen unter dem Ergebnis und lassen sich mit einem Klick kopieren.

Ist dieser Konverter kostenlos?

Ja. Er ist kostenlos, braucht keine Anmeldung und läuft komplett in deinem Browser.