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

Les Couleurs - Page 4/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
 

 

La palette WEB, qu'est-ce que c'est?

La 'palette Web' est un ensemble de 216 couleurs, mais pourquoi 216?
Votre moniteur est probablement configuré pour un affichage en milliers ou en millions de couleurs. Veinard ! Cela n'est pas le cas pour de nombreux internautes qui utilisent encore un moniteur configuré en 256 couleurs !

Cela pose bien sûr un problème : comment être sûr que les couleurs que vous avez choisies s'afficheront correctement pour autant d'internautes que possible ? Netscape a trouvé deux parades, qui ont été suivies par tous les autres éditeurs :

  • Le procédé de la diffusion (dithering en anglais).
    Lorsqu'il "manque" des couleurs à un navigateur parce qu'il ne dispose que de 256 couleurs, ce dernier les "fabrique" en mélangeant les pixels. Le résultat n'est pas toujours esthétique, mais permet d'obtenir une approximation de la couleur visée.
  • La palette de 216 couleurs.
    Ces 216 couleurs sont affichées de manière identique quel que soit le navigateur (Netscape, Internet Explorer…) ou le système d'exploitation (Windows, Mac, Unix…).

L'intérêt d'utiliser la palette de 216 couleurs est que l'on évite la diffusion, puisque tous les navigateurs intègrent cette palette.

Mais une autre question se pose, pourquoi 216 couleurs et pas 256 ? Parce que sur les 256 couleurs disponibles, certaines sont "consommées" par l'interface du système d'exploitation et ne peuvent donc pas être utilisées par le navigateur.

Quand doit-on avoir recours à la palette WEB?
Dans certains cas, l'utilisation des couleurs provenant de la palette Web est incontournable, notamment lorsque:

  • Les images comportent des aplats importants.
    C'est le cas de la plupart des boutons, barres de navigation, etc... Si vous n'utilisez pas les couleurs de la palette WEB, ces images apparaîtront "diffuses" chez tous les utilisateurs ne disposant que de 256 couleurs.
  • Le texte et l'arrière-plan de la page.
    Pour ces éléments, aucun risque de diffusion si vous utilisez une couleur "non-Web". Mais le navigateur utilisera la couleur de la palette Web la plus proche s'il ne dispose que de 256 couleurs, ce qui risque d'altérer l'harmonie des couleurs que vous aviez établie.

Comment va-t-on avoir recours aux bonnes couleurs pour créer nos pages WEB?
C'est très simple, les fabricants de logiciels de création de pages WEB ont pensé à nous faciliter la tâche, ainsi, la plupart des éditeurs de pages HTML (Dreamweaver, Golive, etc...) et autres logiciels graphiques (Photoshop, Fireworks, ImageReady, Flash, etc...) nous simplifient l'utilisation des couleurs en intégrant la palette WEB à leurs outils de création.

Cependant, si, comme le dirait Eric, notre formateur multimedia, "vous préférez mettre les mains dans le cambouis" et attaquer le HTML, vous aurez besoin de connaître les valeurs hexadécimales des couleurs Web (voir "Les couleurs et l'Hexadécimal" et "Le tableau des 216couleurs WEB").

Celles-ci étant composées de six chiffres, retenez la règle suivante : les couleurs Web sont celles composées de trois paires de chiffres identiques, ces chiffres étant tous multiples de 3 (c'est à dire 0, 3, 6, 9, C, F).
Par exemple, #FF33CC est une couleur WEB, alors que #F8C396 n'en est pas une.

 

Retour en haut de page
 

Les 16 couleurs dont le nom est normalisé par le W3C

Les 16 couleurs WEB normalisées: leurs noms et codes hexadécimaux
 
    black = "#000000"     green = "#008000"
    silver = "#C0C0C0"     lime = "#00FF00"
    gray = "#808080"     olive = "#808000"
    white = "#FFFFFF"     yellow = "#FFFF00"
    maroon = "#800000"     navy = "#000080"
    red = "#FF0000"     blue = "#0000FF"
    purple = "#800080"     teal = "#008080"
    fuchsia = "#FF00FF"     aqua = "#00FFFF"

Certains navigateurs acceptent une quantité plus importante de noms de couleurs mais leur utilisation n'est pas conseillée, pour être certain de respecter les recommandations du W3C (World Wide Web Consortium), consultez régulièrement son site http://www.w3c.org

 

Retour en haut de page
 

Générateur de code hexadécimal et RVB

Vous pouvez utiliser l'applet ci-dessous qui affiche, lorsque l'on clique sur l'un des carrés colorés, les valeurs RGB (Red Green Blue, RVB en Français) et hexadécimales des 216 couleurs originelles du Web.
Attention, il s'agit d'une Applet Java, si vous ne voyez pas le générateur ou si vous avez un message d'erreur, c'est tout simplement que votre navigateur ne supporte pas la technologie Java, mais ce n'est pas grâve, vous trouverez les mêmes informations dans le tableau consacré aux 216 couleurs WEB à la page suivante.

 

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.