# HSL à HEX Convertisseur de formats de couleur Convertissez les couleurs HSL en HEX en une étape. Saisissez une valeur HSL au format CSS ou sous forme de nombres seuls pour obtenir l’équivalent exact HEX, arrondi pour CSS et calculé avec la bibliothèque culori. Lorsque HEX ne peut pas afficher la couleur, elle est convertie vers la couleur la plus proche dans le gamut, conformément aux spécifications de CSS Color 4. Conçu pour les développeurs et les designers qui transfèrent des couleurs entre feuilles de style, outils de conception et spécifications. ## Foire aux questions ### Quels formats puis-je convertir ? Dix formats : HEX, RGB, HSL, HWB, CIELAB (lab), CIE LCH (lch), OKLab, OKLCH, CMYK et Display P3. Chacun peut servir de source ou de cible, ce qui donne 90 sens de conversion. Les résultats utilisent la syntaxe moderne CSS Color 4, par exemple rgb(255 136 0) ou oklch(0.7442 0.1812 56.46). ### Comment saisir la couleur d’entrée ? Saisissez la notation complète CSS du format source, par exemple hsl(32 100% 50%) ou color(display-p3 1 0.5 0), ou uniquement ses nombres, par exemple 32, 100 %, 50 % lorsque HSL est sélectionné. Les codes hexadécimaux fonctionnent avec ou sans #, sous forme de 3, 4, 6 ou 8 chiffres. La valeur doit correspondre au format source sélectionné ; ainsi, une valeur rgb() sur une page HSL est rejetée au lieu d’être convertie par erreur. ### Comment la conversion CMYK est-elle effectuée ? culori ne dispose pas de mode CMYK ; le convertisseur utilise donc la formule naïve standard sur les valeurs sRGB comprises entre 0 et 1 : K = 1 - max(R, G, B), C = (1 - R - K) / (1 - K), et de même pour M et Y. Dans le sens inverse, R = (1 - C) x (1 - K), et ainsi de suite. Il ne s’agit pas d’une conversion avec profil ICC : le résultat ne correspondra donc pas à celui d’une presse ou d’un papier spécifique. Utilisez-la pour des approximations à l’écran et des spécifications approximatives. ### Comment saisir une entrée CMYK ? Utilisez cmyk(0%, 47%, 100%, 0%), une notation cmyk(0 0.47 1 0) pour appareil ou quatre nombres seuls. Les valeurs suivies du signe pourcentage sont des pourcentages ; les valeurs sans unité sont interprétées comme des fractions de 0 à 1, sauf si l’une d’elles dépasse 1, auquel cas elles sont toutes interprétées comme des pourcentages. Ainsi, 0, 47, 100, 0 donne le résultat attendu. La sortie CMYK est toujours exprimée en pourcentages avec deux décimales au maximum. ### Que deviennent les couleurs hors du gamut cible ? Lab, LCH, OKLab, OKLCH et Display P3 peuvent décrire des couleurs qu’sRGB ne peut pas afficher. Lorsque la cible est HEX, RGB, HSL, HWB ou CMYK — tous en sRGB — ou Display P3, une couleur hors gamut est convertie à l’aide de l’algorithme CSS Color 4, qui réduit la chroma OKLCH jusqu’à ce que la couleur soit dans le gamut ; le résultat est accompagné d’une note. Les cibles Lab, LCH, OKLab et OKLCH ne sont pas limitées et ne sont jamais converties. ### La transparence est-elle conservée ? Oui, pour toutes les cibles sauf CMYK. Une valeur alpha en entrée, telle que rgb(255 136 0 / 50%) ou #ff880080, est écrite sous la forme / 0.5 dans les fonctions CSS et sous la forme d’un code hexadécimal à 8 chiffres. CMYK ne dispose pas de canal alpha ; celui-ci est donc supprimé dans ce cas. ### Quelle est la précision des résultats ? Les canaux RGB sont arrondis à des nombres entiers compris entre 0 et 255 ; les pourcentages HSL, HWB et CMYK, ainsi que les valeurs Lab et LCH, à deux décimales ; les valeurs OKLab, la luminosité et la chroma OKLCH, ainsi que les canaux Display P3, à quatre décimales ; les teintes, à deux décimales. Tous les calculs sont effectués en double précision avant l’arrondi ; les conversions successives restent donc dans les limites de l’arrondi de la valeur d’origine. ### Quels modèles Lab et LCH le convertisseur utilise-t-il ? CIELAB et CIE LCH avec le point blanc D50, exactement comme les fonctions CSS lab() et lch() les définissent, avec adaptation de Bradford depuis le blanc D65 de sRGB. La luminosité varie de 0 à 100. OKLab et OKLCH sont les espaces perceptuels de Bjorn Ottosson utilisés par CSS oklab() et oklch(), avec une luminosité comprise entre 0 et 1. ### Puis-je convertir plusieurs couleurs à la fois ? Le formulaire de la page convertit une couleur à la fois. Les clients qui appellent directement l’outil peuvent envoyer jusqu’à 100 couleurs, une par ligne, et recevoir une valeur convertie par ligne, dans le même ordre. Chaque couleur peut comporter au maximum 100 caractères. ### Pourquoi les gris ont-ils une teinte de 0 ? Les couleurs neutres n’ont pas de teinte ; CSS permet de l’écrire comme none. Le convertisseur écrit plutôt 0, afin que la valeur fonctionne également dans les outils qui n’acceptent pas none. La teinte n’a aucun effet visible lorsque la saturation ou la chroma est nulle. ## Outils connexes ### [Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/) Convertissez une couleur entre HEX, RGB, HSL, HWB, CIELAB, CIE LCH, OKLab, OKLCH, CMYK et Display P3. Choisissez les formats source et cible, saisissez la valeur au format CSS ou sous forme de nombres seuls, et obtenez un résultat prêt pour CSS, calculé avec la bibliothèque culori. Les couleurs hors du gamut cible sont converties selon les spécifications de CSS Color 4. Conçu pour les développeurs et les designers qui transfèrent des couleurs entre le code et les outils de conception. ### [HSL à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-rgb/) Convertissez les couleurs HSL en RGB en une étape. Saisissez une valeur HSL au format CSS ou sous forme de nombres seuls pour obtenir l’équivalent exact RGB, arrondi pour CSS et calculé avec la bibliothèque culori. Lorsque RGB ne peut pas afficher la couleur, elle est convertie vers la couleur la plus proche dans le gamut, conformément aux spécifications de CSS Color 4. Conçu pour les développeurs et les designers qui transfèrent des couleurs entre feuilles de style, outils de conception et spécifications. ### [HSL à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-hwb/) Convertissez les couleurs HSL en HWB en une étape. Saisissez une valeur HSL au format CSS ou sous forme de nombres seuls pour obtenir l’équivalent exact HWB, arrondi pour CSS et calculé avec la bibliothèque culori. Lorsque HWB ne peut pas afficher la couleur, elle est convertie vers la couleur la plus proche dans le gamut, conformément aux spécifications de CSS Color 4. Conçu pour les développeurs et les designers qui transfèrent des couleurs entre feuilles de style, outils de conception et spécifications. ### [HSL à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-lab/) Convertissez les couleurs HSL en CIELAB en une étape. Saisissez une valeur HSL au format CSS ou sous forme de nombres seuls pour obtenir l’équivalent exact CIELAB, arrondi pour CSS et calculé avec la bibliothèque culori. Lorsque CIELAB ne peut pas afficher la couleur, elle est convertie vers la couleur la plus proche dans le gamut, conformément aux spécifications de CSS Color 4. Conçu pour les développeurs et les designers qui transfèrent des couleurs entre feuilles de style, outils de conception et spécifications. ### [HSL à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-lch/) Convertissez les couleurs HSL en CIE LCH en une étape. Saisissez une valeur HSL au format CSS ou sous forme de nombres seuls pour obtenir l’équivalent exact CIE LCH, arrondi pour CSS et calculé avec la bibliothèque culori. Lorsque CIE LCH ne peut pas afficher la couleur, elle est convertie vers la couleur la plus proche dans le gamut, conformément aux spécifications de CSS Color 4. Conçu pour les développeurs et les designers qui transfèrent des couleurs entre feuilles de style, outils de conception et spécifications. ### [HSL à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-oklab/) Convertissez les couleurs HSL en OKLab en une étape. Saisissez une valeur HSL au format CSS ou sous forme de nombres seuls pour obtenir l’équivalent exact OKLab, arrondi pour CSS et calculé avec la bibliothèque culori. Lorsque OKLab ne peut pas afficher la couleur, elle est convertie vers la couleur la plus proche dans le gamut, conformément aux spécifications de CSS Color 4. Conçu pour les développeurs et les designers qui transfèrent des couleurs entre feuilles de style, outils de conception et spécifications. **Afficher les 90 outils associés** - [HSL à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-oklch/) - [HSL à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-cmyk/) - [HSL à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hsl-to-p3/) - [RGB à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-hex/) - [HWB à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-hex/) - [CIELAB à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-hex/) - [CIE LCH à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-hex/) - [OKLab à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-hex/) - [OKLCH à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-hex/) - [CMYK à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-hex/) - [Display P3 à HEX Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-hex/) - [HEX à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-rgb/) - [HEX à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-hsl/) - [HEX à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-hwb/) - [HEX à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-lab/) - [HEX à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-lch/) - [HEX à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-oklab/) - [HEX à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-oklch/) - [HEX à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-cmyk/) - [HEX à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hex-to-p3/) - [RGB à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-hsl/) - [RGB à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-hwb/) - [RGB à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-lab/) - [RGB à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-lch/) - [RGB à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-oklab/) - [RGB à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-oklch/) - [RGB à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-cmyk/) - [RGB à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/rgb-to-p3/) - [HWB à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-rgb/) - [HWB à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-hsl/) - [HWB à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-lab/) - [HWB à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-lch/) - [HWB à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-oklab/) - [HWB à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-oklch/) - [HWB à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-cmyk/) - [HWB à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/hwb-to-p3/) - [CIELAB à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-rgb/) - [CIELAB à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-hsl/) - [CIELAB à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-hwb/) - [CIELAB à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-lch/) - [CIELAB à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-oklab/) - [CIELAB à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-oklch/) - [CIELAB à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-cmyk/) - [CIELAB à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lab-to-p3/) - [CIE LCH à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-rgb/) - [CIE LCH à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-hsl/) - [CIE LCH à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-hwb/) - [CIE LCH à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-lab/) - [CIE LCH à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-oklab/) - [CIE LCH à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-oklch/) - [CIE LCH à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-cmyk/) - [CIE LCH à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/lch-to-p3/) - [OKLab à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-rgb/) - [OKLab à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-hsl/) - [OKLab à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-hwb/) - [OKLab à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-lab/) - [OKLab à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-lch/) - [OKLab à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-oklch/) - [OKLab à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-cmyk/) - [OKLab à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklab-to-p3/) - [OKLCH à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-rgb/) - [OKLCH à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-hsl/) - [OKLCH à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-hwb/) - [OKLCH à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-lab/) - [OKLCH à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-lch/) - [OKLCH à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-oklab/) - [OKLCH à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-cmyk/) - [OKLCH à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/oklch-to-p3/) - [CMYK à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-rgb/) - [CMYK à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-hsl/) - [CMYK à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-hwb/) - [CMYK à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-lab/) - [CMYK à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-lch/) - [CMYK à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-oklab/) - [CMYK à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-oklch/) - [CMYK à Display P3 Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/cmyk-to-p3/) - [Display P3 à RGB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-rgb/) - [Display P3 à HSL Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-hsl/) - [Display P3 à HWB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-hwb/) - [Display P3 à CIELAB Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-lab/) - [Display P3 à CIE LCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-lch/) - [Display P3 à OKLab Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-oklab/) - [Display P3 à OKLCH Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-oklch/) - [Display P3 à CMYK Convertisseur de formats de couleur](https://oneclick.pro/fr/tool/color-format-converter/p3-to-cmyk/) Votre publicité ici ? [Envoyez-nous un e-mail](mailto:hi@dennn.is?subject=Publicit%C3%A9%20sur%20OneClick%20Pro) [Annonce La suite de plugins prête pour les agents de WordPress.](https://sleekwp.com/?ref=oneclickpro)