Comprendre les couleurs et leurs codes dans le monde numérique

Tous ceux qui ont travaillé avec un logiciel d'édition d'images, ou simplement ceux qui ont déjà utilisé un programme comme Photoshop, ont peut-être remarqué que lors de la sélection ou de l'indication d'une couleur spécifique, pour un élément de l'image en cours d'édition , le programme nous propose différents formats dans lesquels indiquer la couleur. Chacun de ces formats fait référence aux différents codes couleurs utilisés dans le monde numérique.

Dans cet article, nous expliquerons les codes de couleurs les plus utilisés et comment ils diffèrent les uns des autres.

Commençons par indiquer que les codes couleurs les plus importants et les plus utilisés sont les suivants : RVB, HEX, HSL, HSV et CMJN.

RVB

Le code couleur RVB est basé sur l'utilisation de trois couleurs de base pour donner vie à un large spectre de couleurs. RVB signifie Rouge Vert Bleu, précisément les trois couleurs sur lesquelles repose le code RVB (Rouge, Vert et Bleu).

Le code d'une certaine couleur dans ce format RVB contient un paramètre rouge, vert et bleu avec une valeur spécifique, comprise entre 0 et 255, et qui établit l'intensité de la couleur rouge, verte et bleue.

Cela dit, prenons un exemple, la couleur rouge en code RVB serait indiquée comme suit rgb(255, 0, 0), où le premier chiffre indique l'intensité de la couleur rouge (255), le deuxième chiffre l'intensité de la couleur verte (0) et le troisième chiffre indique l'intensité de la couleur (bleu). Dans cet exemple, la couleur résultante est Rouge puisque le paramètre avec la valeur la plus élevée est le paramètre correspondant à la couleur rouge, tandis que les deux autres paramètres ont une valeur ajoutée nulle.

HEX

Une couleur exprimée en code hexadécimal, telle que #ff0000 (couleur rouge) est un code à 6 symboles composé d'un maximum de trois paires d'éléments à 2 symboles. Chaque paire d'éléments représente une couleur spécifique, c'est-à-dire qu'il existe une paire d'éléments pour la couleur rouge, un pour la couleur verte et un pour la couleur bleue. A son tour, chaque paire d'éléments exprime l'intensité de la couleur qui lui correspond, et l'indique avec une valeur de couleur de 0 à 255.

Si nous voulons transformer un code RVB en hexadécimal, la formule hexadécimale convertira chaque valeur RVB en un code alphanumérique unique à 2 chiffres. En continuant avec l'exemple, le code RVB (255, 0, 0) est E06910 en code hexadécimal.

Maintenant, pourquoi choisir le code hexadécimal pour en poster un autre ?

En principe, il convient de souligner l'un des principaux avantages des codes hexadécimaux, à savoir qu'ils permettent d'afficher plus de couleurs que même l'œil humain ne peut en apprécier, soit environ plus de 16 millions de couleurs.

En revanche, l'encodage hexadécimal est beaucoup plus pratique, puisque le nombre de chiffres pour chaque couleur sera toujours de six chiffres, contrairement à l'encodage RVB, auquel cas une couleur peut varier et comporter jusqu'à neuf chiffres. Cette variation du nombre de chiffres de chaque couleur peut être source de confusion pour l'utilisateur, alors qu'avec le codage hexadécimal cette confusion est éliminée, grâce au fait que le nombre de chiffres de chaque couleur sera toujours égal à six.

HSL

Ce codage couleur est basé sur trois paramètres, qui sont la teinte, la saturation et l'intensité. Son nom est l'acronyme en anglais de Hue, Saturation, Lightness.

Lorsque vous indiquez une couleur dans le code HSL, nous le ferons de la manière suivante : hsl(0, 100%, 50%)

La première valeur que nous indiquerons sera la valeur du ton, qui peut aller de 0 à 360, et où il est important de se rappeler que 0 représente la couleur rouge, 120 représente la couleur verte et 240 représente la couleur bleue. La deuxième valeur est une valeur en pourcentage et indique une valeur de 0 % à 100 % sur une échelle de gris. La dernière valeur est la luminosité, qui est également indiquée en pourcentage, et où 0% est blanc et 100% est noir.

HSV

Il est très similaire au code HSL, la seule différence est que le code HSV utilise un paramètre différent, qui est le paramètre Value au lieu de la valeur Lightness dans HSL.

CMYK

Enfin, nous avons le code couleur CMJN. Ce codage est largement utilisé dans l'impression couleur.

Une couleur dans cet encodage est écrite en valeurs de pourcentage, comme suit : cmyk(100%, 0%, 0%, 0%)

Chaque paramètre de ce codage CMJN fait référence aux quatre plaques d'encre utilisées dans certaines impressions couleur : cyan, magenta, jaune et clé, c'est-à-dire cyan, magenta, jaune et noir.

Conclusion

En conclusion, nous avons vu que les codes couleurs les plus importants et les plus utilisés sont RVB, HEX, HSL, HSV et CMJN. Chaque codage couleur se caractérise par le fait qu'il est basé sur différents paramètres. Le code couleur RVB utilise trois couleurs de base (rouge, vert et bleu) pour donner vie à un large éventail de couleurs. HEX est un code basé sur l'utilisation de 6 symboles composés jusqu'à trois paires d'éléments de 2 symboles chacun. HSL est basé sur trois paramètres, qui sont la teinte, la saturation et l'intensité. Le code HSV est très similaire à HSL, à la seule différence qu'il change un paramètre, qui est le paramètre Valeur à la position de la valeur de luminosité dans HSL. Enfin, nous avons le codage CMJN où chaque paramètre fait référence aux quatre plaques d'encre utilisées dans certaines impressions couleur : cyan, magenta, jaune et clé, c'est-à-dire cyan, magenta, jaune et noir.