Aller au sélecteur de couleur

Convertisseur HSL en Android XML

Collez une valeur HSL et obtenez aussitôt le Android XML. Les autres formats sont acceptés aussi.

Lu comme HSL

Valeur Android XML#FF5733
Android XML en HSL

Ajuster la couleur

11°
100 %

68 %
0,210
34°

Tous les autres formats

Exemples de conversion HSL en Android XML

CouleurHSLAndroid 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

À propos de HSL et Android XML

Le HSL décrit la teinte en degrés, la saturation et la clarté en pourcentage. Il est facile à lire, mais sa clarté n’est pas perceptuellement homogène : un jaune à 50 % paraît bien plus clair qu’un bleu à 50 %.

Les ressources XML d’Android écrivent les couleurs en #RRGGBB ou #AARRGGBB avec l’alpha en premier, par exemple #80FF5733 pour 50 % d’opacité. Cet ordre ARGB diffère du CSS, où l’alpha vient en dernier.

Comment fonctionne la conversion

Nous lisons la valeur HSL, la convertissons en CIE XYZ avec les matrices de la spécification CSS Color 4, puis en Android XML. Les valeurs hors du gamut cible sont ramenées par l’algorithme de CSS Color 4, qui conserve la clarté et la teinte et réduit le chroma.

Questions et réponses

Comment convertir HSL en Android XML ?

Collez ou saisissez une valeur HSL dans le champ ci-dessus. PickShade la convertit au fil de la saisie avec les formules CSS Color 4, et un clic copie la valeur Android XML.

La conversion HSL en Android XML est-elle exacte ?

Le calcul est exact et le résultat n’est arrondi que pour l’affichage, avec assez de décimales pour revenir à la même couleur. Si la couleur n’entre pas dans le gamut cible, PickShade vous prévient et affiche la couleur la plus proche qui y entre.

Puis-je obtenir d’autres formats en même temps ?

Oui. Tous les autres formats, dont OKLCH, Display P3, Tailwind, SwiftUI, Flutter et Android, sont listés sous le résultat et se copient en un clic.

Ce convertisseur est-il gratuit ?

Oui. Il est gratuit, sans inscription, et fonctionne entièrement dans votre navigateur.