HSL naar Android XML converter

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

Van HSL

Gelezen als HSL

Android XML-waarde#FF5733

Android XML naar HSL

Kleur aanpassen

Kleurtoon11°

Dekking100%

Lichtheid68%

Chroma0,210

Kleurtoon34°

Alle andere formaten

Voorbeelden: HSL naar Android XML

Kleur	HSL	Android XML
	hsl(0, 100%, 50%)	#FF0000
	hsl(120, 100%, 50%)	#00FF00
	hsl(240, 100%, 50%)	#0000FF
	hsl(0, 0%, 100%)	#FFFFFF
	hsl(0, 0%, 0%)	#000000
	hsl(0, 0%, 50.2%)	#808080
	hsl(10.59, 100%, 60%)	#FF5733
	hsl(217.22, 91.22%, 59.8%)	#3B82F6
	hsl(160.12, 84.08%, 39.41%)	#10B981
	hsl(37.69, 92.13%, 50.2%)	#F59E0B
	hsl(258.31, 89.53%, 66.27%)	#8B5CF6
	hsl(330.37, 81.19%, 60.39%)	#EC4899

Over HSL en Android XML

HSL beschrijft de kleurtoon in graden en de verzadiging en lichtheid in procenten. Het is makkelijk te lezen, maar de lichtheid is niet gelijkmatig voor het oog: geel op 50% oogt veel lichter dan blauw op 50%.

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 HSL-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 HSL om naar Android XML?

Plak of typ een HSL-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 HSL 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.