Zum Farbwähler springen

Android XML in OKLCH umrechnen

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

Erkannt als HEX

OKLCH-Wertoklch(68.036% 0.21001 33.692)
OKLCH in Android XML

Farbe anpassen

11°
100 %

68 %
0,210
34°

Alle anderen Formate

Beispiele: Android XML in OKLCH

FarbeAndroid XMLOKLCH
#FF0000oklch(62.796% 0.25768 29.234)
#00FF00oklch(86.644% 0.29483 142.495)
#0000FFoklch(45.201% 0.31321 264.052)
#FFFFFFoklch(100% 0 0)
#000000oklch(0% 0 0)
#808080oklch(59.987% 0 0)
#FF5733oklch(68.036% 0.21001 33.692)
#3B82F6oklch(62.308% 0.18801 259.815)
#10B981oklch(69.587% 0.14907 162.48)
#F59E0Boklch(76.859% 0.16466 70.08)
#8B5CF6oklch(60.563% 0.21892 292.717)
#EC4899oklch(65.592% 0.21177 354.308)

Über Android XML und OKLCH

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.

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.

So funktioniert die Umrechnung

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

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

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