Qu'est-ce qu'un code hexadécimal pour les couleurs ?
Agence web » Actualités du digital » Qu’est-ce qu’un code hexadécimal pour les couleurs ?

Qu’est-ce qu’un code hexadécimal pour les couleurs ?

Dans le monde numérique, les couleurs ne sont pas seulement représentées par leur, eh bien, Couleur, mais aussi des codes à six chiffres. Ces « codes hexadécimaux » ou « couleurs hexadécimales » jouent un rôle très important dans la conception. Nous vous expliquerons comment tout cela fonctionne.

Rouge, Vert, Bleu

Un code hexadécimal est composé de six chiffres, généralement précédés du symbole dièse (#). Par exemple, voici le code hexadécimal pour le noir pur : #000000. Les chiffres de ce code correspondent à la quantité de rouge, vert et bleu dans la couleur.

Les deux premiers chiffres nous indiquent la quantité de rouge dans la couleur, les deux chiffres suivants sont pour le vert et les deux derniers pour le bleu. Le noir est l’absence de couleur, c’est pourquoi c’est « 000000 ». Il n’y a pas de cadeau rouge, vert ou bleu.

La quantité de rouge, vert ou bleu peut être comprise entre 0 et 255. Mais attendez, si chaque couleur n’a que deux chiffres et que l’échelle va jusqu’à 255, comment ça marche ? Cela pose effectivement un problème. Vous pourriez penser que le rouge pur serait 2550000, mais c’est plus de six chiffres. Attachez-vous.

Nombre et Des lettres

codes de couleur hexadécimaux

Les codes de couleur hexadécimaux ne contiennent pas que des chiffres. Le code réel pour le rouge pur est #ff0000. Alors, comment ces lettres se traduisent-elles en couleurs ? C’est un peu compliqué.

Le système hexadécimal est basé sur le nombre 16. Une fois que vous avez déterminé la quantité de couleur dont vous avez besoin, sur cette échelle de 0 à 255, vous la divisez par 16. Le nombre que vous obtenez en haut de l’équation est le premier chiffre, alors le reste est le deuxième chiffre.

Maintenant, si ces deux nombres sont des chiffres uniques, il vous suffit de les brancher à leurs emplacements dans le code hexadécimal. Cependant, si vous vous retrouvez avec un numéro à deux chiffres, il doit être converti en une lettre. Pour cela, il y a une conversation simple à faire :

  • 10 devient A
  • 11 devient B
  • 12 devient C
  • 13 devient D
  • 14 devient E
  • 15 devient F

Pour revenir au rouge pur — qui est #ff0000 — nous pouvons maintenant voir que c’était #15150000 avant d’être converti en lettres. Une couleur plus complexe, telle que cette nuance de violet (#5f1e85), a plus à voir, mais vous savez que toute lettre est simplement un nombre supérieur à 9.

A quoi servent les codes hexadécimaux ?

Nous savons maintenant ce qu’est un code hexadécimal est, mais qu’est-ce que ça fait faire? Un code de couleur hexadécimal indique à l’écran quelle couleur afficher. L’écran lit toutes les informations sur la façon de créer cette couleur à partir du code – et c’est exactement ce qu’il fait – il crée la couleur.

La combinaison du rouge, du vert et du bleu peut créer pratiquement toutes les couleurs que l’œil peut voir. Vous pouvez penser à un code hexadécimal comme une recette de cuisine. Il indique au téléviseur, à l’appareil photo, au moniteur d’ordinateur, à l’écran du téléphone ou au projecteur la quantité de chaque couleur dont il a besoin. Ensuite, il les mélange pour créer la couleur finale souhaitée.

C’est tout ce qu’il y a à hexadécimer les codes de couleur. Ils peuvent ressembler à une langue étrangère, mais il existe une formule très spécifique qui explique la signification de chaque chiffre. Vous en savez maintenant un peu plus sur ces codes que vous voyez dans Photoshop et Illustrator.

Quelle est la différence entre Illustrator et Photoshop ?

Comment trouver le code hexadécimal d’une couleur

Vous savez comment un code hexadécimal est fait et comment il est utilisé, mais comment pouvez-vous trouver le code hexadécimal d’une couleur ? Heureusement, il existe de nombreux outils en ligne gratuits pour trouver les codes hexadécimaux de n’importe quelle couleur dans une image.

Si vous en cherchez un bon, nous vous recommandons un site Web appelé image-color.com. Vous pouvez télécharger une image depuis votre appareil ou une URL et utiliser l’outil pipette pour sélectionner une couleur à partir de celle-ci. Cliquez sur « Parcourir » pour télécharger le vôtre ou collez une URL dans la zone de texte et cliquez sur « Télécharger ».

Téléchargez une image à numériser.

Une fois l’image téléchargée, vous pouvez cliquer ou appuyer n’importe où pour sélectionner une couleur dans l’image. La couleur sera affichée en haut avec le code hexadécimal dans la case « HEX ».

Sélectionnez une couleur pour voir le code hexadécimal.

Vous pouvez maintenant prendre ce code hexadécimal et l’utiliser dans Photoshop, Illustrator ou partout où vous en avez besoin. C’est tout ce qu’il y a à hexadécimer les codes de couleur. Ils peuvent ressembler à une langue étrangère, mais il existe une formule très spécifique qui explique la signification de chaque chiffre. Maintenant tu sais.

Quelle est la différence entre Illustrator et Photoshop ?

★★★★★