HTML - Codes de couleur

  »   HTML  »   Tutoriel HTML - Insérer des couleurs dans des pages html / couleurs sûres

Il y a trois différentes manières de définir une couleur. Le moyen le plus facile est de nommer la couleur en anglais. Par exemple: black, white, red, green et blue. J'ai regroupé les noms des couleurs supportées en HTML

CouleurHexaCouleurHexCouleurHexCouleurHex
aqua#00FFFFgreen#008000navy#000080silver#C0C0C0
black#000000gray#808080olive#808000teal#008080
blue#0000FFlime#00FF00purple#800080white#FFFFFF
fuchsia#FF00FFmaroon#800000red#FF0000yellow#FFFF00

HTML - Le système de couleur RGB

Ce code de couleur n'est pas recommandé car Internet Explorer est le seul navigateur qui supporte les valeurs RGB en HTML.

RGB est un raccourci pour : Red, Green, Blue. Chacune de ces couleurs peut prendre une valeur entre 0 (qui n'a pas d'importance) et 255 (les propriétés complètes de cette couleur). J'ai regroupé de la façon dont on écrit les couleurs RGB. Si vous utilisez un navigateur qui n'est pas Internet Explorer vous n'aurez pas de résultat.

bgcolor="rgb(255,255,255)"White
bgcolor="rgb(255,0,0)"Red
bgcolor="rgb(0,255,0)"Green
bgcolor="rgb(0,0,255)"Blue

HTML - Le système de couleur hexadecimal

Le système hexadecimal est plutôt difficile à première vue mais avec tout ça nous vous assurons qu'avec le temps, et avec un peu de pratique, vous le comprendrez complètement. Le système de couleur hexadecimal est le système standard pour tous les navigateurs internet. Il est sûr et compatible pas seulement pour les applications internet.

Le système hexadecimal est une représentation de 6 caractères de couleur. Les deux premiers caractères (RR) représentent la valeur rouge, et les deux suivant (GG) le vert, et les deux derniers (BB) le bleu.

htmlbgcolor="#FFFFFF"

HTML - Code de couleur - Briser le code

Le tableau suivant montre , plus précisément, comment les lettres sont intégrées dans le système hexadecimal, multipliant les possibilités de combinaisons.

Décimal

0123456789101112131415

HEX

0123456789ABCDEF

De cette manière les possibilités sont plus grandes et le système peut avoir 16 valeurs.

Un exemple de code hexadécimal code serait:

htmlbgcolor="#FFFFFF"

La lettre "F" est la valeur maximale que le système supporte. Quand un navigateur voit ce code il montrera la couleur blanche. Si vous voulez savoir la valeur numérique de cette couleur nous avons la formule suivante:

html(15 * 16) + (15) = 255

La formule est très simple. Nous prenons la première valeur du "F" ou 15 et elle est multipliée par 16 que nous ajoutons à la seconde valeur 15. Le résultat est 255, la valeur maximale qu'une couleur primaire peut avoir.

htmlbgcolor="#CC7005"

CC(RR - Red)
(12 * 16) + (12) = 204

70(GG - Green)
(7 * 16) + (0) = 112

05(BB - Blue)
(0 * 16) + (5) = 5

Vraies couleurs

Le système hexadécimal est très utilisé pour créer des pages. Il est compatible avec la majorité des navigateurs, de cette manière les couleurs affichées pour une page internet ne seront pas modifiées. Pour en être sûr, utilisez les vraies couleurs comme :"#0011EE", "#44HHFF", ou "#117788". Ce type de couleurs ne changera pas dans un navigateur.

Ici nous avons une liste de vraies couleurs

*000300600900C00*F00
*003303603903C03*F03
006306606906C06F06
009309609909C09F09
00C30C60C90CC0CF0C
*00F30F60F90FC0F*F0F
030330630930C30F30
033333633933C33F33
036336636936C36F36
039339639939C39F39
03C33C63C93CC3CF3C
03F33F63F93FC3FF3F
060360660960C60F60
063363663963C63F63
066366666966C66F66
069369669969C69F69
06C36C66C96CC6CF6C
06F36F66F96FC6FF6F
090390690990C90F90
093393693993C93F93
096396696996C96F96
099399699999C99F99
09C39C69C99CC9CF9C
09F39F69F99FC9FF9F
0C03C06C09C0CC0FC0
0C33C36C39C3CC3FC3
0C63C66C69C6CC6FC6
0C93C96C99C9CC9FC9
0CC3CC6CC9CCCCCFCC
0CF3CF6CF9CFCCFFCF
*0F03F0*6F09F0CF0*FF0
0F3*3F3*6F39F3CF3*FF3
*0F6*3F66F69F6*CF6*FF6
0F93F96F99F9CF9FF9
*0FC*3FC6FC9FCCFCFFC
*0FF*3FF*6FF9FFCFF*FFF

Nous recommandons de vous contenter de ces 216 couleurs "sûres pour internet". Cependant, l'affichage de couleurs 8-bit était beaucoup plus commun quand la palette de 216-couleurs a été développé qu'il ne l'est maintenant. De toute manière, il a été découvert que seulement 22 de ces 216 couleurs de la palette sûre pour internet sont constamment affichées sans remappage inconsistant sur des affichage d'ordinateur 16-bit.

Nous avons inclus ici un tableau avec ces 22 couleurs véritablement sûres:

*000*F00
*003*F03
*00F*F0F
*FF0*FF3
*CF6*FF6
*0F0*6F0
*3F3*6F3
*0F6*3F6
*0FC*3FC
*0FF*3FF
*6FF*FFF