abcDezign.com
accueil
  ressources
  les couleurs - page 3 Vous êtes ici !
 
 

Les Couleurs - Page 3/5

Introduction
La lumière
L'oeil et les couleurs
Couleurs primaires, secondaires, tertiaires et fondamentales
Couleur complémentaire
La synthèse additive
La synthèse soustractive
Les couleurs et l'hexadécimal
Correspondance des couleurs
L'utilisation pour le WEB
La palette WEB, qu'est-ce que c'est?
Les 16 couleurs dont le nom est normalisé par le W3C
Un générateur de code hexadécimal et RVB
Le tableau des 216 couleurs WEB
 

 

Les couleurs et l'hexadécimal

Si nous sommes habitués à compter en base 10, il n'en est pas de même pour l'informatique. L'ordinateur ne reconnaît que 2 états : le courant passe / le courant ne passe pas. Ce qui se traduit par 1 ou 0. Chaque information est un bit (acronyme de BInary digIT, c'est-à-dire information binaire). L'ensemble de 8 bit forme 1 octet. L'ordinateur travaille avec des octets entiers et non pas bit par bit. Par exemple, chaque couleur primaire (rouge, vert ou bleu) est codée sur 1 octet. Ce qui offre 256 possibilités (8x8x8), de 0 à 255.

L'oeil humain le plus exercé est pleinement satisfait avec 256 nuances d'une même couleur. De plus, il ne faut pas oublier que disposer de 256 nuances de chaque couleur primaire permet de créer 16,7 millions de couleurs (256 x 256 x 256) ! Quand on sait qu'en moyenne, nous ne sommes pas capables de distinguer plus de 35 000 couleurs en même temps, on conviendra aisément que les 256 nuances de chaque couleur primaire suffisent.

L'utilisation de l'hexadécimal n'a pas été fixée au hasard. Les nombres binaires étant de plus en plus longs, il a fallu introduire une nouvelle base: la base hexadécimale.
La base hexadécimale consiste à compter sur une base 16, c'est pourquoi au-delà des 10 premiers chiffres on a décidé d'ajouter les 6 premières lettres : 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.

Un chiffre hexadécimal s'obtient par une conversion de base 10 en base 16. Il est donc utile de connaître la table des correspondances des nombres décimaux et hexadécimaux pour indiquer les couleurs en RVB :

Base Décimale 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Base Hexadécimale 0 1 2 3 4 5 6 7 8 9 A B C D E F
Base Binaire 0000 0001 0010 0011 0100 0101 0110 0111 1000 1001 1010 1011 1100 1101 1110 1111

Ainsi 7 en base 10 s'écrit également 7 en base 16 mais le chiffre 13 en base 10, quant à lui, s'écrit D en base 16.

Pour convertir un nombre décimal en nombre hexadécimal, il faut le diviser par 16 : le reste de la division correspond aux unités de la base 16, son quotient aux chiffres qui les précèdent :
Par exemple, pour convertir 126 en base 16, voici comment faire: 126 divisé par 16, ce qui donne 7 et il reste 14 (E en base 16), donc, 126 s'écrit 7Een base 16.
La conversion inverse est également possible, par exemple, voyons à quoi correspond le nombre hexadécimal AC en décimale:
AC = (A x 16) + (C x 16) = (10 x 16) + (12 x 16) = 160 + 192 = 352

 

Retour en haut de page

Correspondance des couleurs

Valeur en pourcentage
00
20
40
60
80
100
Valeur décimale
0
51
102
153
204
255
Valeur hexadécimale
00
33
66
99
CC
FF

L'indication des couleurs se compose des valeurs hexadécimales des proportions de chacune des couleurs de base du modèle RVB, qui sont le rouge, le vert et le bleu.

Chaque définition hexadécimale a six positions et se compose selon le modèle : "#$$$$$$".

Chaque signe $$, placé après le dièse, correspond à un nombre hexadécimal, compris entre 00(0) et FF(255), correspondant respectivement aux proportions de rouge, de vert et de bleu contenues dans la couleur ainsi définie.

Les couleurs de base sont #FF0000 (rouge), #00FF00 (vert) et #0000FF (bleu), les autres couleurs sont des combinaisons de ces couleurs de base (voir la liste des couleurs) : #00FFFF (cyan), #FF00FF (magenta), #FFFF00 (jaune), #FFFFFF (blanc), #000000 (noir), etc...

 

Retour en haut de page

L'utilisation pour le WEB

Il est possible très simplement d'appliquer de la couleur à un document html, et ceci de deux façons:

  • Indication d'un nom de couleur explicite en anglais (voir la liste des 16 couleurs normalisées).
    exemple : <td bgcolor="yellow">
  • Indication en chiffres hexadécimaux des valeurs RVB, qui correspondent au modèle d'affichage des couleurs sur lequel s'appuie le HTML.
    exemple : <td bgcolor="#FFFF00">

Voici quelques exemples de code en fonction des éléments à mettre en couleur, cependant, je vous conseille fortement de suivre les recommandations du W3C (World Wide Web Consortium) et d'avoir de préférence recours aux CSS (Cascading Style Sheets ou Feuilles de Style en Cascade) qui sont plus modulables.

  • Appliquer une couleur au fond de la page, par exemple Bleu:
    <body bgcolor="#0000FF">
  • Appliquer une couleur au texte, par exemple Jaune:
    <font color="#FFFF00">
  • Appliquer une couleur au fond d'un tableau, par exemple Vert:
    <table bgcolor="#00FF00">
  • Appliquer une couleur à la bordure d'un tableau, par exemple Noir:
    <table bordercolor="#000000">
  • Appliquer une couleur au fond d'une ligne de tableau, par exemple Orange:
    <tr bgcolor="#FF99CC">
  • Appliquer une couleur au fond d'une cellule de tableau en utilisant la valeur nominative de cette couleur, par exemple Rouge:
    <td bgcolor="red">

 

Revenir à la page précédente
Retour en haut de page
Aller à la page suivante
 
 
Contact Webm@ster
© copyright 2004 Michel Cuney. Tous droits réservés.