Convertisseur HSL en HEX
Collez une valeur HSL et obtenez aussitôt le HEX. Les autres formats sont acceptés aussi.
Exemples de conversion HSL en HEX
À propos de HSL et HEX
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 %.
Le HEX écrit le rouge, le vert et le bleu avec deux chiffres hexadécimaux chacun, comme #ff5733. C’est la façon la plus courante d’écrire une couleur sur le web et dans les outils de design.
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 HEX. 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 HEX ?
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 HEX.
La conversion HSL en HEX 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.