INTERNET

Le code couleur
RVB

Le code Couleur

Chaque couleur affiché fait l'objet d'un code : Le code RVB (Rouge, Vert, Bleu) basé sur les trois couleurs fondamentales des tubes cathodiques. Pour mémoire, les trois couleurs fondamentales d'un peintre sont le Rouge, le Jaune et le Bleu.

La couleur affichée est donc le résultat d'un mélange de Rouge, de Vert et de Bleu. La proportion de chacune d'elle est donné selon un code hexadécimale de deux chiffres allant de '00' (0 % ) à 'ff' (100 %).

Par exemple un bleu est codé : '0000FF'. Pour un rouge, ce sera : 'FF0000' et le vert '00FF00'

Cette méthode permet d'afficher plus de 16 millions de couleurs.

Comme tous les ordinateurs ne permettent pas où ne sont pas configurés pour afficher 16 millions de couleur, il est recommandé de travailler sur les 256 couleurs de bases.

Le moyen de les obtenir est, dans la codification d'une couleur, de se limiter au codes, par couleur : 00, 33, 66, 99, CC et FF.

Dans les premiers temps de la programmation HTML, il y avait 16 couleurs de base dite aujourd'hui "couleurs principales" et pouvant être codé par un nom.

Les voicis :



Nom Couleur affichée

black

Noir

black

maroon

Marron ou rouge foncé

maroon

green

Vert

green

olive

Vert olive

olive

navy

Bleu marine

navy

purple

Violet

purple

teal

cyan foncé

teal

gray

Gris

gray

silver

Argent

silver

red

Rouge

red

lime

Vert clair

lime

yellow

Jaune

yellow

blue

Bleu

blue

fuchsia

Fuchia

fuchsia

aqua

Bleu clair

aqua

white

Blanc

white

Avec l'évolution des performance, d'autres couleurs sont venues s'adjoindre (reconue à partir de Netscape 4 et I.Explorer 4).

En voici quelques unes :

Nom Couleur affichée

azure

Bleu azur

azure

bisque

Beige

bisque

brown

Brun

brown

blueviolet

Bleu-violet

blueviolet

chartreuse

Vert clair

chartreuse

chocolate

Brun clair

chocolate

cornsilk

Rose clair

cornsilk

darkgreen

Vert foncé

darkgreen

darkorange

Orange

darkorange

darkorchid

Mauve foncé

darkorchid

deepskyblue

Bleu ciel

deepskyblue

gold

Doré

gold

ivory

Ivoire

ivory

orange

Orange

orange

lavender

Lavande

lavender

pink

Rose

pink

plum

Prune

plum

salmon

Saumon

salmon

snow

Neige

snow

turquoise

Turquoise

turquoise

wheat

Jaune paille

wheat


Et, pour les autres, les voici avec leur codes RVB :

  #000000   #000033   #000066   #000099   #0000CC   #0000FF
  #003300   #003333   #003366   #003399   #0033CC   #0033FF
  #006600   #006633   #006666   #006699   #0066CC   #0066FF
  #009900   #009933   #009966   #009999   #0099CC   #0099FF
  #00CC00   #00CC33   #00CC66   #00CC99   #00CCCC   #00CCFF
  #00FF00   #00FF33   #00FF66   #00FF99   #00FFCC   #00FFFF
  #330000   #330033   #330066   #330099   #3300CC   #3300FF
  #333300   #333333   #333366   #333399   #3333CC   #3333FF
  #336600   #336633   #336666   #336699   #3366CC   #3366FF
  #339900   #339933   #339966   #339999   #3399CC   #3399FF
  #33CC00   #33CC33   #33CC66   #33CC99   #33CCCC   #33CCFF
  #33FF00   #33FF33   #33FF66   #33FF99   #33FFCC   #33FFFF
  #660000   #660033   #660066   #660099   #6600CC   #6600FF
  #663300   #663333   #663366   #663399   #6633CC   #6633FF
  #666600   #666633   #666666   #666699   #6666CC   #6666FF
  #669900   #669933   #669966   #669999   #6699CC   #6699FF
  #66CC00   #66CC33   #66CC66   #66CC99   #66CCCC   #66CCFF
  #66FF00   #66FF33   #66FF66   #66FF99   #66FFCC   #66FFFF
  #990000   #990033   #990066   #990099   #9900CC   #9900FF
  #993300   #993333   #993366   #993399   #9933CC   #9933FF
  #996600   #996633   #996666   #996699   #9966CC   #9966FF
  #999900   #999933   #999966   #999999   #9999CC   #9999FF
  #99CC00   #99CC33   #99CC66   #99CC99   #99CCCC   #99CCFF
  #99FF00   #99FF33   #99FF66   #99FF99   #99FFCC   #99FFFF
  #CC0000   #CC0033   #CC0066   #CC0099   #CC00CC   #CC00FF
  #CC3300   #CC3333   #CC3366   #CC3399   #CC33CC   #CC33FF
  #CC6600   #CC6633   #CC6666   #CC6699   #CC66CC   #CC66FF
  #CC9900   #CC9933   #CC9966   #CC9999   #CC99CC   #CC99FF
  #CCCC00   #CCCC33   #CCCC66   #CCCC99   #CCCCCC   #CCCCFF
  #CCFF00   #CCFF33   #CCFF66   #CCFF99   #CCFFCC   #CCFFFF
  #FF0000   #FF0033   #FF0066   #FF0099   #FF00CC   #FF00FF
  #FF3300   #FF3333   #FF3366   #FF3399   #FF33CC   #FF33FF
  #FF6600   #FF6633   #FF6666   #FF6699   #FF66CC   #FF66FF
  #FF9900   #FF9933   #FF9966   #FF9999   #FF99CC   #FF99FF
  #FFCC00   #FFCC33   #FFCC66   #FFCC99   #FFCCCC   #FFCCFF
  #FFFF00   #FFFF33   #FFFF66   #FFFF99   #FFFFCC   #FFFFFF


Aujourd'hui, les performances de nos ordinateurs et des écrans associés, smartphones, tablettes ouvrent pleinement la palette des couleurs.

Je vous préconise néanmoins, selon la cible de votre site, de veillez à vien choisir vos codes couleurs.

Tous les employés d'entreprise n'ont ps forcément des écrans de hautes performances.

De même, bien penser à la disparité pouvant exister entre pays : tous n'ont pas accès au même matériel ou type d'ordinateur.



Autres articles intéressants à parcourir

WordPress : La médiathèque

WOrdprss La médiathèqueLa médiathèque est le coeur de votre site web Dans la médiathèque, vous allez retrouver toutes les images, fichier vidéo & audio qui vont agrémenter votre site internet. Mais, Wordpress ne classe pas ces fichiers autrement que par date de...

Les « mots de passe »

WindOws Les mots de passeLes mot de passe sont le pilier de notre sécurité Aujourd'hui, de nombreux sites nous demande d'ouvrir un compte et de choisir un identifiant et un mot de passe. Très souvent, l'identifiant est notre mail : nous n'avons donc pas de choix à...

Windows : les raccourcis claviers à connaître

WindOws Les raccourcis clavier à connaîtreLes 10 raccourcis clavier de base sur Windows Ces raccourcis mythiques fonctionnent sur toutes les versions de Windows. Du fait de leur popularité, ils sont également disponibles sur de nombreux logiciels de bureau.  ...

WordPress : Présentation

WOrdPress Présentation du tableau de bordLe menu de gauche de WordPress permet de gérer l'intégralité des fonctions associés au site. De manière synthétique voici, la présentation des principaux menus :Tableau de bord : Donne un état des derniers événements passés sur...

Le codage HTML

HTML Les bases du codages htmlLe code HTML  PréambuleNotre objectif est une présentation de la codification HTML. Codification comprise par tous les navigateurs Web et base de tous les sites Web en fonctionnement à ce jour. Notre ambition est de vous présenter les...

Les Balises META

INTERNET Les balises METALes Balises META et le référencementIntroductionVéritable outil du concepteur de sites Web, cesbalises META feront la différence entre un site d'amateur d'un site de proLes balises META apportent un certain nombre d'information utiles aux...

Les règles d’Or de la Conception Graphique

INTERNET Les règles d'Or de la Conception GraphiqueLes règles d'Or de la Conception Graphique"   Gardez ces règles en tête, c'est assurer une meilleure visibilité à votre site Web. Allégez la taille des fichiers images. Même si les raccordement sont de plus en...

Brève Présentation d’Internet

INTERNET une brève présenation d'internet  En premier, il faut distinguer deux composants qui ont tendance à se confondre : le hard et le soft. Le hard composé des liaisons, des serveurs et des protocoles d'interconnexion et le soft, les langages qui permettent...

Internet : Bref historique

INTERNET L'origine d'internet L'histoire complète de l'internet peut être trouvée dans de nombreux documents disponibles sur le net, nous n'aurons donc pas la prétention d'établir ici un historique exhaustif et d'une précision sans faille ; le but de cette...