Convertisseur HSL en HSV
Convertissez teinte, saturation et luminosité en teinte, saturation et valeur (HSB) pour les logiciels graphiques.
Saisie hsl
Résultat · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Mode d’emploi: HSL en HSV
- 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.
HSL et HSV comparés
Le HSL et le HSV commencent tous deux par la teinte, un angle sur la roue chromatique, et décrivent tous deux le reste de la couleur avec deux pourcentages — mais ces pourcentages n’ont pas le même sens. En HSL, une luminosité de 50 % correspond à la couleur pure et 100 % donne toujours du blanc. En HSV, aussi appelé HSB, une valeur de 100 % correspond à la version la plus lumineuse de la teinte, et le blanc s’obtient avec une valeur de 100 % et une saturation de 0 %. La saturation est également calculée différemment : les nombres ne peuvent donc pas être simplement recopiés.
C’est pourquoi une couleur écrite en CSS hsl(120, 100%, 25%) — la couleur CSS Green — doit être saisie dans un sélecteur HSV sous la forme hsv(120, 100%, 50%). Utilisez ce convertisseur pour transférer des couleurs du code web vers Photoshop, Figma, Blender ou du code de traitement d’image qui fonctionne en HSV. La teinte reste la même ; seules la saturation et la troisième valeur changent.
Tout fonctionne localement dans votre navigateur : vos images ne sont jamais envoyées sur un serveur.