Sélectionner une page
Design Graphique

Qu’est ce que les couleurs HEX et comment elles fonctionnent en web design ?

Publié le 21 novembre 2021
couleurs HEX

Qu’est-ce qu’une couleur HEX exactement ? Apprenez la définition des couleurs HEX, combien il y en a vraiment et découvrez comment les utiliser dans vos création web ou illustrations.

La couleur hexadécimale est une méthode d’expression des couleurs de divers schémas de couleurs à l’aide de valeurs hexadécimales. Les couleurs hexadécimales suivent le format #RRGGBB, où RR est rouge, GG est vert et BB est bleu. Ces entiers hexadécimaux peuvent être compris entre 00 et FF pour préciser l’intensité de la couleur.

Un exemple simple est #FF0000. Cette couleur est du rouge pur car la composante rouge est à sa valeur maximale FF, tandis que les composantes verte et bleue sont à sa valeur minimale 00.

Pourquoi utiliser des couleurs hexadécimales ?

couleurs HEX

L’utilisation de codes de couleur hexadécimaux pour représenter différentes couleurs est un moyen facile de différencier les couleurs. Une fois que vous avez compris comment ils fonctionnent, vous pouvez facilement modifier les valeurs de rouge, bleu ou vert pour créer une nuance différente. Ceci est particulièrement pratique étant donné que vous disposez d’une telle gamme d’options de couleurs avec des codes de couleur hexadécimaux, ce qui garantit l’exactitude des couleurs.

Combien y a-t-il de couleurs hexadécimales ?

couleurs HEX

Dans la notation standard #RRGGBB, 256^3 combinaisons de couleurs sont disponibles, soit 16 777 216. En effet, chaque valeur de couleur RR, GG, BB peut contenir 256 valeurs différentes, allant de 00 à FF. Par conséquent, le nombre de combinaisons est de 256^3.

Une remarque intéressante est que de nombreux navigateurs modernes prendront également en charge la transparence. Cela signifie qu’un tout nouvel ensemble de codes de couleur existe sous la forme de #AARRGGBB. Dans ce cas, il existe 4 294 976 296 codes de couleur, soit 256^4. Il est important de garder à l’esprit que l’ajout de la transparence n’indique pas qu’il y a des couleurs supplémentaires, car le seul ajout de transparence ne change pas la couleur. Cela ajoute simplement plus d’informations et plus de codes de couleurs disponibles en fonction de la transparence ou du niveau d’opacité.

Comment fonctionnent les couleurs hexadécimales ?

couleurs HEX

Les couleurs hexadécimales utilisent seize valeurs différentes pour représenter une seule nuance de couleur, qu’elle soit rouge, verte ou bleue. C’est puissant car il vous donne une large gamme de nuances pour chaque couleur – en particulier seize. Chaque couleur est décomposée en un nombre ou un caractère, allant de 0 à 9 et AF, où 0 est la valeur minimale et F est la valeur maximale. Ensuite, le format de couleur est séparé en #RRGGBB, où RR est rouge, GG est vert et BB est bleu.

Cela vous donne une idée du nombre de combinaisons de couleurs possibles avec les codes de couleur hexadécimaux, c’est pourquoi ils sont si souvent utilisés.

Dans la même catégorie

30 May 2022

Audit de conception UX : Qu’est-ce que c’est et pourquoi vous en avez besoin ?

Design Graphique
04 Apr 2022

Les choses à faire et à ne pas faire dans la création d’un logo d’entreprise

Design Graphique
02 Apr 2022

Six conseils pour créer une signature email qui reflète votre image de marque.

Design Graphique
01 Apr 2022

Utilisez un logo animé, ne restez pas statique !

Design Graphique