HSL à CIELAB Convertisseur de formats de couleur

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).

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.

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.

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.

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.

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.

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.

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.

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.

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.