Gå til fargevelgeren

Konverter Android XML til HSL

Lim inn en Android XML-verdi og få HSL med en gang. Andre formater virker også.

Tolket som HEX

HSL-verdihsl(10.59, 100%, 60%)

Juster fargen

11°
100 %

68 %
0,210
34°

Alle andre formater

Eksempler: Android XML til HSL

FargeAndroid XMLHSL
#FF0000hsl(0, 100%, 50%)
#00FF00hsl(120, 100%, 50%)
#0000FFhsl(240, 100%, 50%)
#FFFFFFhsl(0, 0%, 100%)
#000000hsl(0, 0%, 0%)
#808080hsl(0, 0%, 50.2%)
#FF5733hsl(10.59, 100%, 60%)
#3B82F6hsl(217.22, 91.22%, 59.8%)
#10B981hsl(160.12, 84.08%, 39.41%)
#F59E0Bhsl(37.69, 92.13%, 50.2%)
#8B5CF6hsl(258.31, 89.53%, 66.27%)
#EC4899hsl(330.37, 81.19%, 60.39%)

Om Android XML og HSL

Androids XML-ressurser skriver farger som #RRGGBB eller #AARRGGBB med alfa først, for eksempel #80FF5733 for 50 % opasitet. Denne ARGB-rekkefølgen er annerledes enn i CSS, der alfa kommer sist.

HSL angir fargetone i grader og metning og lyshet i prosent. Det er lett å lese, men lysheten er ikke jevn for øyet: gult på 50 % ser mye lysere ut enn blått på 50 %.

Slik fungerer konverteringen

Vi leser Android XML-verdien, regner den om til CIE XYZ med matrisene fra spesifikasjonen CSS Color 4 og deretter til HSL. Verdier utenfor målformatets fargeomfang tilpasses med algoritmen i CSS Color 4, som beholder lyshet og fargetone og reduserer kroma.

Spørsmål og svar

Hvordan konverterer jeg Android XML til HSL?

Lim inn eller skriv en Android XML-verdi i feltet ovenfor. PickShade konverterer den med formlene i CSS Color 4 mens du skriver, og med ett klikk kopierer du HSL-verdien.

Er konverteringen fra Android XML til HSL nøyaktig?

Beregningen er nøyaktig, og resultatet rundes bare av for visning, med nok sifre til å regne tilbake til samme farge. Hvis fargen ikke får plass i målformatets fargeomfang, varsler PickShade deg og viser nærmeste farge som får plass.

Kan jeg få andre formater samtidig?

Ja. Alle andre formater, blant annet OKLCH, Display P3, Tailwind, SwiftUI, Flutter og Android, står under resultatet og kopieres med ett klikk.

Er denne konvertereren gratis?

Ja. Den er gratis, krever ingen registrering og kjører helt i nettleseren din.