[Annexe] Palette de couleurs (nom & code hexadécimal)

Palette de couleurs

Cette annexe vous initiera à l'utilisation de couleurs sur un forum. Il existe pour cela deux méthodes ; l'une emploie le nom (anglais) assigné à chaque couleur, l'autre le code hexadécimal lui étant attribué.

La flexibilité du code hexadécimal

Ce code couleur est une combinaison de six caractères du système hexadécimal (système de numération positionnel en base 16). Ce système utilise donc un ensemble de 16 symboles, composé des dix premiers chiffres arabes et des six premières lettres de l'alphabet latin. 0 correspondant à la valeur la plus basse, et F à la plus élevée, l'on obtient graduellement :

0 ; 1 ; 2 ; 3 ; 4 ; 5 ; 6 ; 7 ; 8 ; 9 ; A ; B ; C ; D ; E ; F
Maintenant, à quoi peuvent bien nous servir tous ces symboles ? Une fois combinés entre eux par groupe de six, ils permettent de renseigner votre écran sur les composantes de rouge, vert et bleu (codage RVB, RGB en anglais) à utiliser pour afficher la couleur désirée.

C'est bien beau tout ça, mais comment c'est-y qu'ça marche c't'affaire ? Votre code étant composé de six caractères, l'on peut y voir trois paires de chiffres. Ces trois paires de chiffres renvoient tout simplement aux trois valeurs RVB précitées. La première paire indique donc la quantité de rouge, la seconde de vert et la troisième de bleu. Ces quantités varient de 0 (00, dans le système hexa) à un maximum de 255 (FF, dans le système hexa), soit un total de 256 nuances différentes pour une même teinte.
Si l'on attribue une même quantité de rouge, vert et bleu, l'on obtient alors une des nombreuses nuances de gris (par exemple CCCCCC ou encore 6E6E6E) allant du plus sombre au plus clair.

T'aurais pas plutôt des exemples à nous montrer ? On s'endort, là ! Très bien, très bien. Les minima des différentes valeurs vous donnent ainsi ce très beau noir (000000), tandis que les maxima affichent ce somptueux blanc (FFFFFF). Chacune des paires vous permet respectivement de jouer sur le rouge (FF0000), tirer sur le vert (00FF00) ou bien nuancer le bleu (0000FF). Ces trois couleurs primaires peuvent naturellement se mélanger selon les lois de la synthèse additive pour donner trois couleurs secondaires, chacune résultant de l'association de deux couleurs primaires. Ainsi, rouge & vert donnent naissance au jaune (FFFF00), bleu & rouge au magenta (FF00FF), vert & bleu au cyan (00FFFF).

Bien entendu, les combinaisons ne s'arrêtent pas là ! Libre à vous de varier chacune des composantes de rouge, vert et bleu pour obtenir la teinte de votre choix. Par exemple pour adoucir une couleur un peu trop flashy, il suffit de diminuer la ou les valeurs hautes et/ou augmenter la ou les valeurs basses. Pour adoucir un vert, l'on augmentera donc les valeurs de rouge et de bleu, et l'on diminuera éventuellement celle de vert. Et vice versa.
Il existe ainsi pas moins de 16³ combinaisons standards, soit près de 4.096 teintes différentes. Bien sûr, il ne s'agit là que de couleurs standards du Web, obtenues sur le modèle #XXYYZZ. Il est également possible de ne pas égaliser les termes au sein de chaque paire, de sorte que le modèle devient #UVWXYZ, apportant ainsi une quantité faramineuse de nuances intermédiaires puisque le nombre de couleurs « vraies » est alors égal à 16⁶, soit 16.777.216 teintes différentes ! Rien que ça. Et même s'il est vrai que l'œil humain n'est guère capable de distinguer autant de nuances, il ne vous reste tout de même que l'embarras du choix parmi plusieurs milliers de possibilités.

Pour utiliser un code hexadécimal de couleur sur le forum, il vous suffit de l'insérer au sein de la balise :

Code:

[color=#code hexa]Texte[/color]

Veuillez noter qu'un dièse (#) précède toujours un code hexadécimal et que ce dernier ne respectant pas la casse, vous pouvez par conséquent écrire les lettres en majuscules ou non. Consultez ce tutoriel {Lien à venir} pour davantage d'informations à propos du BBCode.

Si vous souhaitez reproduire une couleur en particulier, plusieurs méthodes s'offrent à vous selon vos moyens, le plus simple étant de télécharger le petit programme décrit dans cette autre annexe {Lien à venir}.

Pour ceux qui ne disposeraient que de l'outil Paint de Windaube, voici la marche à suivre. Faites tout d'abord un screen (capture d'écran via la touche impécr ou l'Outil Capture, sous Vista et successeur) que vous collerez dans Paint. À l'aide de l'outil pipette, vous sélectionnerez alors la couleur qui vous intéresse dont vous pourrez lire les composantes RVB dans le menu Couleurs --> Modifier les couleurs... --> Définir les couleurs personnalisées >> (vous y trouverez également les composantes TSL qui est un autre système de codage, moins courant pour ce qui nous occupe). De là, il ne vous reste plus qu'à entrer ces composantes dans un convertisseur RVB/Hexadécimal tel que celui-ci pour obtenir le code hexadécimal de la couleur recherchée.

Pour les utilisateurs de Photoshop, l'opération est encore plus simple et directe puisque le logiciel vous donne lui-même les diverses valeurs chromatiques (RVB, TSL, etc.) de la couleur sélectionnée, ainsi que leur équivalence hexadécimale.
La maniabilité des noms prédéfinis

Bonne nouvelle pour les flemmards, le vaste et prolixe monde d'Internet a pensé à vous ! En effet, de nombreuses nuances de couleurs possèdent un nom prédéfini utilisable entre autres par les forums tels que celui-ci.
Ainsi, au lieu d'employer un nébuleux code à 6 chiffres & lettres (déjà que vous parvenez tant bien que mal à vous rappeler de votre numéro de mobile ou de carte bleue...), vous n'aurez qu'à inscrire le terme approprié à chaque couleur. Attention toutefois, seuls les noms anglais fonctionnent ; vous aurez beau vous escrimer à vouloir du « rouge », vous n'en obtiendrez qu'en écrivant « red » et rien d'autre. Et oui, que voulez-vous, les joies de la mondialisation...

Voici quelques exemples pour illustrer la manœuvre :

Code:

[color=MediumVioletRed]Texte[/color]
[color=Crimson]Texte[/color]
[color=Green]Texte[/color]

Vous remarquerez à l'usage que nombre de teintes se déclinent à l'aide de divers préfixes comme dark-, light-, pale-, etc. tel le Turquoise en DarkTurquoise ou PaleTurquoise. La plupart des noms associés restent relativement évidents (gold pour or, chocolate pour chocolat, coral pour corail...), toutefois, certaines entrées sont plus... hétéroclites, à l'image du Teal ou du Gainsboro (n'ayant rien à voir avec un nom de couleur), ou sont tout simplement plus imagées, donnant naissance à des FloralWhite, BurlyWood et autres DodgerBlue.
Notez au passage que les noms prédéfinis ne suivent pas la casse, vous pouvez donc les écrire avec ou sans majuscules.

Pour finir, une liste des différents noms de couleurs du Web, avec leur code hexadécimal associé :

[Annexe] Palette de couleurs (nom & code hexadécimal) Anxcol10

Voilà. Nous espérons que votre séjour ici vous sera agréable… Merci d'avoir pris connaissance de cette annexe. Pour toute question ou remarque complémentaire, vous pouvez contacter les Veilleurs via la messagerie privée à votre disposition.