Naar de kleurkiezer

OKLCH naar Android XML converter

Plak een OKLCH-waarde en krijg direct Android XML. Andere formaten werken ook.

Gelezen als OKLCH

Android XML-waarde#FF5733
Android XML naar OKLCH

Kleur aanpassen

11°
100%

68%
0,210
34°

Alle andere formaten

Voorbeelden: OKLCH naar Android XML

KleurOKLCHAndroid 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

Over OKLCH en Android XML

OKLCH is OKLab in poolcoördinaten: lichtheid, chroma en kleurtoon. Tailwind CSS v4 gebruikt het voor het hele palet, omdat de kleurtoon stabiel blijft als je de lichtheid verandert.

Android-XML-resources schrijven kleuren als #RRGGBB of #AARRGGBB met de alfa vooraan, zoals #80FF5733 voor 50% dekking. Die ARGB-volgorde verschilt van CSS, waar de alfa achteraan staat.

Zo werkt de omzetting

We lezen de OKLCH-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar Android XML. Waarden buiten de doelgamut worden aangepast met het algoritme van CSS Color 4: lichtheid en kleurtoon blijven, de chroma daalt.

Vragen en antwoorden

Hoe zet ik OKLCH om naar Android XML?

Plak of typ een OKLCH-waarde in het veld hierboven. PickShade zet hem al tijdens het typen om met de formules van CSS Color 4, en met één klik kopieer je de Android XML-waarde.

Is de omzetting van OKLCH naar Android XML exact?

De berekening is exact en het resultaat wordt alleen voor de weergave afgerond, met genoeg cijfers om terug te rekenen naar dezelfde kleur. Past de kleur niet in de doelgamut, dan waarschuwt PickShade je en toont de dichtstbijzijnde kleur die wel past.

Kan ik tegelijk andere formaten krijgen?

Ja. Alle andere formaten, waaronder OKLCH, Display P3, Tailwind, SwiftUI, Flutter en Android, staan onder het resultaat en kopieer je met één klik.

Is deze converter gratis?

Ja. Hij is gratis, vraagt geen account en draait volledig in je browser.