Zum Farbwähler springen

OKLCH in Android XML umrechnen

OKLCH-Wert einfügen und sofort Android XML erhalten. Andere Formate funktionieren auch.

Erkannt als OKLCH

Android XML-Wert#FF5733
Android XML in OKLCH

Farbe anpassen

11°
100 %

68 %
0,210
34°

Alle anderen Formate

Beispiele: OKLCH in Android XML

FarbeOKLCHAndroid XML
oklch(62.796% 0.25768 29.234)#FF0000
oklch(86.644% 0.29483 142.495)#00FF00
oklch(45.201% 0.31321 264.052)#0000FF
oklch(100% 0 0)#FFFFFF
oklch(0% 0 0)#000000
oklch(59.987% 0 0)#808080
oklch(68.036% 0.21001 33.692)#FF5733
oklch(62.308% 0.18801 259.815)#3B82F6
oklch(69.587% 0.14907 162.48)#10B981
oklch(76.859% 0.16466 70.08)#F59E0B
oklch(60.563% 0.21892 292.717)#8B5CF6
oklch(65.592% 0.21177 354.308)#EC4899

Über OKLCH und Android XML

OKLCH ist OKLab in Polarform: Helligkeit, Chroma und Farbton. Tailwind CSS v4 nutzt es für die ganze Palette, weil der Farbton stabil bleibt, wenn sich die Helligkeit ändert.

Android-XML-Ressourcen schreiben Farben als #RRGGBB oder #AARRGGBB mit Alpha vorne, etwa #80FF5733 für 50 % Deckkraft. Diese ARGB-Reihenfolge unterscheidet sich von CSS, wo Alpha hinten steht.

So funktioniert die Umrechnung

Wir lesen den OKLCH-Wert, rechnen ihn mit den Matrizen aus der Spezifikation CSS Color 4 in CIE XYZ um und von dort in Android XML. 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 OKLCH in Android XML um?

Füge einen OKLCH-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 Android XML-Wert.

Ist die Umrechnung von OKLCH in Android XML 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.