Outils Pantone

HEX vers HSL

Convertissez les codes de couleur HEX en valeurs HSL avec précision, idéal pour la manipulation des couleurs et les systèmes de conception

Convertisseur de couleurs

#

Enter a 6-character hex code (without the #)

Cliquez sur les échantillons de couleurs pour des exemples

Résultat de couleur

HSL Values

Teinte

0° = Red, 120° = Green, 240° = Blue

Saturation 0%

0% = Gray, 100% = Full color

Légèreté 100%

0% = Black, 100% = White

RGB Equivalent

rgb(255, 255, 255)

hsl(0, 0%, 100%)

Exemples de conversion

Rouge

HEX: #FF0000

HSL: 0°, 100%, 50%

Vert

HEX: #00FF00

HSL: 120°, 100%, 50%

Bleu

HEX: #0000FF

HSL: 240°, 100%, 50%

Jaune

HEX: #FFFF00

HSL: 60°, 100%, 50%

Magenta

HEX: #FF00FF

HSL: 300°, 100%, 50%

Cyan

HEX: #00FFFF

HSL: 180°, 100%, 50%

Outils recommandés

À propos de cet outil

Notre convertisseur HEX vers HSL transforme les codes de couleur hexadécimaux en modèle de couleur HSL (Teinte, Saturation, Luminosité), ce qui est particulièrement utile pour la manipulation des couleurs et la création de schémas de couleurs cohérents.

HSL represents colors in a way that aligns more naturally with human perception of color. Hue corresponds to the color's position on the color wheel (0° to 360°), saturation refers to the color's intensity (0% to 100%), and lightness determines how light or dark the color appears (0% to 100%).

Cette conversion est particulièrement utile pour les développeurs et designers web travaillant avec CSS, car HSL permet des ajustements de couleurs intuitifs. La modification d'un seul composant (teinte, saturation ou luminosité) produit des résultats prévisibles, facilitant ainsi la création de variations et d'harmonies de couleurs.

Le processus de conversion transforme d’abord HEX en RVB, puis convertit RVB en HSL à l’aide d’algorithmes standard de l’industrie qui préservent avec précision l’intégrité des couleurs entre différents modèles de couleurs.

Questions fréquemment posées