Comment utiliser les couleurs Hex pour vos pages Web HTML5 et CSS3 - pour les nuls

Les couleurs en HTML5 sont une chose étrange. La manière "facile" (les noms de couleurs) s'avère avoir beaucoup de problèmes. La méthode que la plupart des développeurs Web utilisent vraiment semble beaucoup plus difficile, mais elle n'est pas aussi mauvaise que cela puisse paraître au premier abord. Le schéma couleur hexadécimal utilise une combinaison apparemment bizarre de chiffres et de lettres pour déterminer les valeurs de couleur. est aqua. est jaune. C'est un système que seul un informaticien pourrait aimer.

Les couleurs Hex fonctionnent en décrivant exactement ce que l'ordinateur est en train de faire, vous devez donc en savoir un peu plus sur la façon dont les ordinateurs fonctionnent avec la couleur. Chaque point (ou pixel ) sur l'écran est composé de trois petits faisceaux de lumière. Chaque pixel a de minuscules rayons rouges, verts et bleus.

Les faisceaux lumineux fonctionnent comme des lumières de scène. Imaginez une scène noire avec trois projecteurs (rouge, vert et bleu) entraînés au même endroit. Si toutes les lumières sont éteintes, la scène est complètement sombre. Si vous allumez uniquement la lumière rouge, vous voyez le rouge. Vous pouvez activer des combinaisons pour obtenir de nouvelles couleurs.

Couleur par nombre

Dans un système informatique, chacune des petites lumières peut être ajustée à différents niveaux de luminosité. Ces valeurs mesurent de 0 à 255. Par conséquent, vous pouvez décrire rouge comme et jaune comme.

La plage de valeurs de 0 à 255 semble étrange parce que vous êtes probablement habitué à baser 10 mathématiques. L'ordinateur stocke les valeurs en notation binaire. La façon dont un ordinateur voit, le jaune est en réalité 111111111111111100000000. Ack! Il doit y avoir un moyen plus simple de gérer toutes ces valeurs binaires. C'est pourquoi les développeurs utilisent la notation hexadécimale .

Toute page qui interagit avec l'utilisateur aura tendance à utiliser un langage de programmation. N'hésitez pas à consulter le code, mais ne vous inquiétez pas si vous n'êtes pas encore prêt à ajouter de la programmation à vos sites.

Éducation Hex

Tous ces 1 et 0 deviennent fastidieux. Les programmeurs aiment convertir vers un autre format plus facile à utiliser. Croyez-le ou non, il est plus facile de convertir des nombres binaires en base 16 qu'en base 10, c'est ce que font les programmeurs. Vous pouvez très bien survivre sans comprendre la conversion en base 16 (également appelée hexadécimal ), mais vous devez comprendre quelques fonctionnalités clés, telles que:

• Chaque chiffre hexadécimal est un raccourci pour quatre chiffres de binaire. La raison pour laquelle les programmeurs utilisent hex est de simplifier le travail avec les binaires.

• Chaque chiffre représente une valeur comprise entre 0 et 15. Quatre chiffres de binaire représentent une valeur comprise entre 0 et 15.

• Nous devons inventer des chiffres. La raison pour laquelle l'hexagone est si étrange est l'inclusion de personnages.C'est pour une raison simple: il n'y a pas assez de chiffres numériques pour faire le tour!

  Décimal (Base 10)	Hex (Base 16)
  0	0
  1	1
  2	2
  3	3 > 4
  4	5
  5	6
  6	7
  7	8
  8	9
  9	10
  A	11
  B	12
  C	13
  D	14
  E	15
  F	Les chiffres ordinaires 0-9 sont les mêmes en hexadécimal que dans la base 10, mais les valeurs de 10-15 (base dix) sont représentées par des caractères alphabétiques en hexadécimal.

Vous êtes très habitué à voir la valeur 10 égale au nombre de doigts des deux mains, mais ce n'est pas toujours le cas lorsque vous commencez à manipuler les systèmes de numérotation comme nous le faisons ici. Le nombre 10 signifie simplement l'un de la base actuelle. Jusqu'à présent, vous n'avez peut-être jamais utilisé de base mais la base dix, mais tout cela change aujourd'hui.

Le chiffre 10 est dix dans la base dix, mais dans la base deux, 10 signifie deux. Dans la base huit, 10 signifie huit, et dans la base seize, 10 signifie seize. Ceci est important parce que quand vous voulez parler du nombre de chiffres de vos mains en hexadécimal, vous ne pouvez pas utiliser la notation familière 10 parce que dans hex 10 signifie seize.

Vous avez besoin d'une valeur à un seul chiffre pour représenter dix, alors les informaticiens se sont légiférés à partir de ce gâchis en empruntant des lettres. 10 est A, 11 est B, et 15 est F.

Si toute cette théorie mathématique vous étourdit, ne vous inquiétez pas. Il existe des raccourcis pour créer de superbes couleurs en utilisant ce schéma. Pour l'instant, cependant, voici ce que vous devez comprendre pour utiliser les couleurs hexadécimales:

Une couleur nécessite six chiffres hexadécimaux.

• Un pixel nécessite trois couleurs et chaque couleur utilise huit chiffres de binaire. Deux chiffres de hexagone couvrent chaque couleur. Deux chiffres représentent le rouge, deux pour le vert et deux pour le bleu. Les valeurs de couleur hexadécimale commencent généralement par un signe dièse.

• Pour avertir le navigateur qu'une valeur sera en hexadécimal, la valeur est généralement précédée d'un signe dièse (#). Travailler avec des couleurs en hexadécimal peut sembler vraiment fou et difficile, mais il a quelques avantages importants:

Précision:

• L'utilisation de ce système vous donne un grand nombre de couleurs à utiliser. Il n'y a aucun moyen de trouver autant de noms de couleurs par vous-même. Bien, vous pourriez, mais vous seriez très, très vieux quand vous auriez fini. Objectivité:

• Les valeurs hexadécimales ne sont pas une question d'opinion. Il pourrait y avoir un argument sur la couleur de la terre de Sienne brûlée, mais la valeur hexadécimale est sans ambiguïté. Portabilité:

• La plupart des logiciels d'édition graphique utilisent le système hexadécimal, vous pouvez donc choisir n'importe quelle couleur d'une image et obtenir sa valeur hexadécimale immédiatement. Cela rendrait facile de trouver la couleur des yeux de votre chat pour ce sanctuaire en ligne. Prévisibilité:

• Une fois que vous avez compris comment cela fonctionne, vous pouvez prendre n'importe quelle couleur hexadécimale et la convertir en une valeur un peu plus sombre, un peu plus claire ou un peu plus bleue. C'est difficile à faire avec des couleurs nommées. Facilité d'utilisation:

• Celui-ci peut sembler être un étirement, mais une fois que vous avez compris la palette web-safe, il est très facile d'avoir une idée approximative d'une couleur et de la modifier re cherche.