Zum Farbwähler springen

HSL in Android XML umrechnen

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

Erkannt als HSL

Android XML-Wert#FF5733
Android XML in HSL

Farbe anpassen

11°
100 %

68 %
0,210
34°

Alle anderen Formate

Beispiele: HSL in Android XML

FarbeHSLAndroid 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

Über HSL und Android XML

HSL beschreibt den Farbton in Grad sowie Sättigung und Helligkeit in Prozent. Es ist leicht zu lesen, aber die Helligkeit ist nicht wahrnehmungsgleich: Gelb bei 50 % wirkt viel heller als Blau bei 50 %.

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.

So funktioniert die Umrechnung

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

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

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