Cours HTML

Les couleurs en web sont définies par un triplet RGB dans le format hexadécimal (un triplet hexadécimal); on peut également les rédiger en ployant leur nom commun en anglais comme blue, red, green, yellow, pink, white, black.

Un triplet héxadécimal est un nombre à 6 chiffres ( de 0 à F : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F). On l'emploie notamment en html et css (feuilles de style en cascade). Les octets représentent dans l'ordre : le rouge, le vert et le bleu et possèdent une valeur comprise entre 00 et FF.

Un code hexadécimal possède 6 caractères plus un dièse, le tout collé, par exemple, la couleur rouge vif s'écrit : #FF0000.

Qu'est ce qu'une couleur web?

Lorsque les navigateurs Web ont fait leur apparition , la plupart des ordinateurs n’affichaient que 265 couleurs (8 bits). C’est de cette époque que nous avons hérités les couleurs " sécurisées". Une couleur sécurisée pour le Web est une couleur qui reste toujours la même dans tous les navigateurs, sous Windows, Linux comme sous Macintosh. Par convention, il y a 216 couleurs communes, et toute valeur hexadécimale combinant les paires 00, 33, 66, 99, CC ou FF (correspondant respectivement aux niveaux RVB 0, 51, 102, 153, 204 et 255) représente une couleur sécurisée pour le Web.

Couleurs et accessibilité

L'utilisation de la couleur est soumis à deux règles d'accessibilité selon les normes du WCAG (Web Content Accessibility Guideline):

1. Aucune information ne doit être véhiculée par la couleur seulement. Elle ne sera pas perceptible par des personnes utilisant un lecteur écran comme les aveugles, ou les daltoniens. La couleur doit être accompagnée par un autre moyen de véhiculer l'information, qu'il soir graphique, textuel ou structurel.
2. La couleur doit présenter un niveau de contraste suffisant avec le texte et l'arrière plan.

Comment trouver le nom d'une couleur pour le mettre dans mon site?

Il existe des nuanciers en ligne qui vous permettent de choisir vos couleurs et de connaître le nom de cette couleur et sa valeur haxadécimale, comme dans les sites suivants :

http://colorschemedesigner.com/

http://html-color-codes.com/

Vous pouvez aussi ajouter à votre navigateur Firefox un outil, ColorZilla qui permet de prélever les couleurs contenues dans la fenêtre de navigateur : une pipette et des palettes sont à leur disposition pour faciliter leur travail.

Tableaux de couleurs

Voici un tabelaux des principales couleurs, avec leur code héxadécimal et le nom anglais correspondant :