Hsl à Hex

HEX
Dernière mise à jour:

Hsl à Hex

La conversion de couleurs entre différentes représentations est une tâche courante dans le développement Web et la conception graphique. HSL (Teinte, Saturation, Luminosité) et HEX (Hexadécimal) sont deux représentations de couleurs largement utilisées. Laissez-moi vous expliquer comment convertir de HSL en HEX.


Représentation des couleurs HSL :

HSL signifie Teinte, Saturation et Luminosité. C’est une représentation cylindrique des couleurs d’une manière plus intuitive pour la perception humaine par rapport au RVB (rouge, vert, bleu). Voici une brève explication de chaque composant :

  1. Teinte (H): Cela représente la couleur elle-même. Il est mesuré en degrés sur une roue chromatique, allant de 0 ° (rouge) à 360 ° (rouge à nouveau). D’autres teintes sont réparties autour de la roue en conséquence.
  2. Saturation (S): Cela représente l’intensité ou la pureté de la couleur. Une valeur de saturation de 0 % donne une couleur en niveaux de gris, tandis que des valeurs plus élevées donnent des couleurs plus vives et plus intenses.
  3. Luminosité (L): Cela représente la luminosité de la couleur. Une valeur de luminosité de 0 % donne du noir, 100 % donne du blanc et les valeurs entre les deux entraînent des niveaux de luminosité variables.

Représentation des couleurs HEX:

HEX est une représentation hexadécimale des couleurs couramment utilisées dans le développement Web. Il se compose d’un hachage (#) suivi de six caractères, où chaque paire de caractères représente l’intensité des composants rouge, vert et bleu de la couleur. Par exemple, « #FF0000 » représente le rouge pur, « #00FF00 » représente le vert pur et « #0000FF » représente le bleu pur.

Conversion de HSL en HEX:

Pour convertir une couleur HSL en HEX, vous devez :

  1. Convertissez l’angle de teinte en son équivalent RVB.
  2. Convertissez la saturation et la luminosité en valeurs RVB.
  3. Convertissez les valeurs RVB en notation hexadécimale.

Voici une formule simplifiée pour effectuer la conversion :

Convertir Hue en RVB:

    • Supposons que H' est la teinte normalisée (mise à l’échelle entre 0 et 1).
    • Rouge = HueToRGB(H' + 1/3)
    • Vert = HueToRGB(H')
    • Bleu = HueToRGB(H' - 1/3)

Convertir la saturation et la luminosité en RVB:

    • Pour simplifier, soit L’la légèreté normalisée entre 0 et 1.
    • Si saturation = 0, alors R, G et B seront tous L'(une nuance de gris).
    • Sinon, calculez la saturation ajustée :
  1. Si L'<= 0,5, ajustéSaturation = saturation * (L'+ 0,5)
  2. Si L'> 0,5, ajustéSaturation = saturation * (1 - L')
    • Ensuite, R, G et B sont calculés à l’aide de Saturation ajustée et L'.

Convertir RVB en HEX:

    • Convertissez les valeurs rouge, verte et bleue en leurs équivalents hexadécimaux à deux chiffres.

Comme cela implique des calculs mathématiques, il est souvent plus facile d’utiliser des bibliothèques ou des fonctions intégrées disponibles dans les langages de programmation pour effectuer ces conversions. De nombreux langages de programmation et bibliothèques de couleurs fournissent des fonctions de conversion entre différentes représentations de couleurs.

Tableau de conversion des couleurs

Nom de Couleur SL (Teinte, Saturation, Luminosité) RVB (Rouge, Vert, Bleu) Code Couleur HEX Aperçu de la Couleur
Rouge (0°, 100%, 50%) (255, 0, 0) #FF0000  
Vert (120°, 100%, 50%) (0, 255, 0) #00FF00  
Bleu (240°, 100%, 50%) (0, 0, 255) #0000FF  
Jaune (60°, 100%, 50%) (255, 255, 0) #FFFF00  
Cyan (180°, 100%, 50%) (0, 255, 255) #00FFFF  
Magenta (300°, 100%, 50%) (255, 0, 255) #FF00FF  
Noir (0°, 0%, 0%) (0, 0, 0) #000000  
Blanc (0°, 0%, 100%) (255, 255, 255) #FFFFFF  

   

#Convertisseur Hsl en Hex #codes couleurs hexadécimaux hsl rgb #convertisseur de couleurs

We use cookies to enhance your experience on our website. The types of cookies used: Essential Cookies and Marketing Cookies. To read our cookie policy, click here.