Aller au sélecteur de couleur

Convertisseur Android XML en HSL

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

Lu comme HEX

Valeur HSLhsl(10.59, 100%, 60%)
HSL en Android XML

Ajuster la couleur

11°
100 %

68 %
0,210
34°

Tous les autres formats

Exemples de conversion Android XML en HSL

CouleurAndroid 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%)

À propos de Android XML et HSL

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.

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 %.

Comment fonctionne la conversion

Nous lisons la valeur Android XML, la convertissons en CIE XYZ avec les matrices de la spécification CSS Color 4, puis en HSL. 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 Android XML en HSL ?

Collez ou saisissez une valeur Android XML 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 HSL.

La conversion Android XML en HSL 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.