Konvertera HSL till Android XML

Klistra in ett HSL-värde och få Android XML direkt. Andra format fungerar också.

Från HSL

Tolkad som HSL

Android XML-värde#FF5733

Android XML till HSL

Justera färgen

Färgton11°

Opacitet100 %

Ljushet68 %

Kroma0,210

Färgton34°

Alla andra format

Exempel: HSL till Android XML

Färg	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

Om HSL och Android XML

HSL anger färgton i grader samt mättnad och ljushet i procent. Det är lätt att läsa, men ljusheten är inte jämn för ögat: gult på 50 % ser mycket ljusare ut än blått på 50 %.

Androids XML-resurser skriver färger som #RRGGBB eller #AARRGGBB med alfa först, till exempel #80FF5733 för 50 % opacitet. Den ARGB-ordningen skiljer sig från CSS, där alfa kommer sist.

Så fungerar konverteringen

Vi läser HSL-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till Android XML. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag HSL till Android XML?

Klistra in eller skriv ett HSL-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar Android XML-värdet.

Är konverteringen från HSL till Android XML exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.