Convertisseur HEX en HSL
Convertissez un code couleur HEX en teinte, saturation et luminosité pour créer facilement des nuances plus claires ou plus foncées.
Saisie hex
Résultat · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Mode d’emploi: HEX en HSL
- 1
Saisissez une couleur
Tapez un code couleur ou choisissez une couleur avec le sélecteur : chaque champ accepte le format qu’il affiche.
- 2
Voyez la conversion
Le résultat se met à jour instantanément pendant la saisie, avec un aperçu en direct de la couleur.
- 3
Copiez le code
Copiez la valeur dont vous avez besoin en un clic et collez-la dans votre design, votre CSS ou vos paramètres d’impression.
Couleurs HEX et HSL
Le HEX est la façon d’écrire les couleurs en CSS et dans les outils de design : un # suivi de trois paires de chiffres hexadécimaux pour le rouge, le vert et le bleu. Le HSL décrit la même couleur comme on se la représente — la teinte sous forme d’angle sur la roue chromatique de 0 à 360°, la saturation et la luminosité en pourcentage.
La conversion en HSL est pratique lorsque vous avez besoin de variantes d’une couleur : gardez la teinte et modifiez la luminosité pour obtenir des nuances plus claires et plus foncées pour les états de survol, les fonds et les bordures. Les navigateurs comprennent les deux notations, par exemple hsl(342, 100%, 62%). Collez un code à trois ou six chiffres, avec ou sans le signe #, et copiez le résultat hsl() ; les valeurs RGB, HSV et CMYK sont aussi affichées.
Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.