Convertisseur HWB en Lab

Collez une valeur HWB et obtenez aussitôt le Lab. Les autres formats sont acceptés aussi.

Depuis HWB

Lu comme HWB

Valeur Lablab(61.03 63.55 55.96)

Lab en HWB

Ajuster la couleur

Teinte11°

Opacité100 %

Clarté68 %

Chroma0,210

Teinte34°

Tous les autres formats

Exemples de conversion HWB en Lab

Couleur	HWB	Lab
	hwb(0 0% 0%)	lab(54.29 80.8 69.89)
	hwb(120 0% 0%)	lab(87.82 -79.27 80.99)
	hwb(240 0% 0%)	lab(29.57 68.29 -112.03)
	hwb(0 100% 0%)	lab(100 0 0)
	hwb(0 0% 100%)	lab(0 0 0)
	hwb(0 50.2% 49.8%)	lab(53.59 0 0)
	hwb(10.59 20% 0%)	lab(61.03 63.55 55.96)
	hwb(217.22 23.14% 3.53%)	lab(54.62 8.76 -65.79)
	hwb(160.12 6.27% 27.45%)	lab(66.69 -50.67 17.06)
	hwb(37.69 4.31% 3.92%)	lab(72.79 26.93 75.43)
	hwb(258.31 36.08% 3.53%)	lab(50.69 45.85 -71.8)
	hwb(330.37 28.24% 7.45%)	lab(57.31 67.87 -7.12)

À propos de HWB et Lab

Le HWB décrit une couleur par sa teinte et la quantité de blanc et de noir ajoutée. Il fait partie de CSS Color 4 et sert bien pour éclaircir ou assombrir une couleur.

Le CIE Lab décrit la clarté L et deux axes de couleur, a (du vert au rouge) et b (du bleu au jaune). Il est indépendant du périphérique et sert à mesurer les écarts de couleur comme le ΔE.

Comment fonctionne la conversion

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

Collez ou saisissez une valeur HWB 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 Lab.

La conversion HWB en Lab 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.