Convertisseur HSB / HSV en LCH

Collez une valeur HSB / HSV et obtenez aussitôt le LCH. Les autres formats sont acceptés aussi.

Depuis HSB / HSV

Lu comme HSV

Valeur LCHlch(61.03 84.67 41.37)

LCH en HSB / HSV

Ajuster la couleur

Teinte11°

Opacité100 %

Clarté68 %

Chroma0,210

Teinte34°

Tous les autres formats

Exemples de conversion HSB / HSV en LCH

Couleur	HSB / HSV	LCH
	hsv(0 100% 100%)	lch(54.29 106.84 40.86)
	hsv(120 100% 100%)	lch(87.82 113.33 134.38)
	hsv(240 100% 100%)	lch(29.57 131.2 301.36)
	hsv(0 0% 100%)	lch(100 0 0)
	hsv(0 0% 0%)	lch(0 0 0)
	hsv(0 0% 50.2%)	lch(53.59 0 0)
	hsv(10.59 80% 100%)	lch(61.03 84.67 41.37)
	hsv(217.22 76.02% 96.47%)	lch(54.62 66.37 277.59)
	hsv(160.12 91.35% 72.55%)	lch(66.69 53.46 161.39)
	hsv(37.69 95.51% 96.08%)	lch(72.79 80.1 70.35)
	hsv(258.31 62.6% 96.47%)	lch(50.69 85.19 302.56)
	hsv(330.37 69.49% 92.55%)	lch(57.31 68.24 354.01)

À propos de HSB / HSV et LCH

Le HSV, aussi appelé HSB, utilise la teinte, la saturation et la luminosité. Photoshop, Figma et la plupart des sélecteurs de couleur l’utilisent pour le carré de sélection.

Le CIE LCH est le Lab en coordonnées polaires : clarté, chroma et teinte. Il est plus intuitif que le Lab et s’écrit lch() en CSS.

Comment fonctionne la conversion

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

Collez ou saisissez une valeur HSB / HSV 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 LCH.

La conversion HSB / HSV en LCH 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.