Accueil  > coulisses > Web > Créer sa page perso > HTML > Couleurs

Couleurs


Syntaxe

Une couleur en Html pur est la valeur de l'attribut d'une balise (?)

le but sera de colorer un élément visible de la page (de la partie <body>

donc la valeur de l'attribut color de la balise <font>
et des attributs de la balise <body>

la syntaxe de la valeur d'une couleur s'exprime de 2 façons :
par une combinaison de 3 codes hexadécimaux pouvant avoir chacun une valeur entre 00 (nul ou noir) et FF (maximum) pour doser la couleur par le mélange des 3 pigments de base rouge vert bleu précédé d'un # pour faire comprendre au navigateur qui lit le code que c'est de l'hexadécima
symboliquement on écrira "#RRVVBB" si on pense en Français
ou bien "#RRGGBB" si on pense en English
mais réellement il faudra écrire le code héadécimal à 2 caractères par couleur multiplier par trois couleurs ça fait 3 paires de caractères ou 6 caractères
concrètement ça sera par exemple :
"#FF8A93"

FF8A93
qui donnera cette couleur
 #FF8A93 


mathématiquement, en héxadécimales de 00 à FF, ça fait 256 valeurs ;
comme nous avons trois couleurs, ça fait donc 2563 = environ 16 millions de couleurs
mais faut pas rêver, si les écrans d'ordinateur peuvent en rendre encore bien plus, les navigateurs internet comme Internet Explorer, Mozilla et Opera en rendent bien moins et afficheront la couleur la plus proche possible du code
le logiciel RVB possède la fonction de réajuster une couleur pour qu'elle soit lisible par tous les navigateurs
plus simple avec le nom de la couleur en anglais, les 16 couleurs de base *
(pour les navigateurs préhistoriques)
mais aussi plein d'autres couleurs qui devraient suffire et dont voici la liste (ça ne s'invente pas)
donc selon ton navigateur, tu ne les verras peu-être pas toutes.

Elles ne sont pas spécialement triées
0.Nom HTMLCode RVB.Nom HTMLCode RVB.Nom HTMLCode RVB
1
white *#FFFFFF
snow#FFFAFA
whitesmoke#F5F5F5
2
mintcream#F5FFFA
seashell#FFF5EE
floralwhite#FFFAF0
3
ivory#FFFFF0
ghostwhite#F8F8FF
lavenderblush#FFF0F5
4
oldlace#FDF5E6
lightyellow#FFFFE0
linen#FAF0E6
5
mistyrose#FFE4E1
moccasin#FFE4B5
lightgoldenrodyellow#FAFAD2
6
lemonchiffon#FFFACD
papayawhip#FFEFD5
navajowhite#FFDEAD
7
lightgrey#D3D3D3
lavender#E6E6FA
wheat#F5DEB3
8
palegreen#98FB98
lightcyan#E0FFFF
honeydew#F0FFF0
9
cornsilk#FFF8DC
aliceblue#F0F8FF
antiquewhite#FAEBD7
10
azure#F0FFFF
aquamarine#7FFFD4
aqua *
cyan
#00FFFF
11
beige#F5F5DC
bisque#FFE4C4
blanchedalmond#FFEBCD
12
salmon#FA8072
paleturquoise#AFEEEE
yellow *#FFFF00
13
burlywood#DEB887
pink#FFC0CB
violet#EE82EE
14
palegoldenrod#EEE8AA
coral#FF7F50
cornflowerblue#6495ED
15
crimson#DC143C
turquoise#40E0D0
skyblue#87CEEB
16
peachpuff#FFDAB9
darkgray#A9A9A9
plum#DDA0DD
17
orangered#FF4500
darkorange#FF8C00
orange#FFA500
18
springgreen#00FF7F
darksalmon#E9967A
darkseagreen#8FBC8F
19
red *#FF0000
mediumspringgreen#00FA9A
deeppink#FF1493
20
deepskyblue#00BFFF
darkturquoise#00CED1
dodgerblue#1E90FF
21
powderblue#B0E0E6
forestgreen#228B22
thistle#D8BFD8
22
gainsboro#DCDCDC
gold#FFD700
goldenrod#DAA520
23
chocolate#D2691E
green *#008000
greenyellow#ADFF2F
24
hotpink#FF69B4
indianred#CD5C5C
khaki#F0E68C
25
chartreuse#7FFF00
lawngreen#7CFC00
lightcoral#F08080
26
lightblue#ADD8E6
lightgreen#90EE90
tomato#FF6347
27
lightpink#FFB6C1
lightsalmon#FFA07A
lightseagreen#20B2AA
28
lightskyblue#87CEFA
lightslategray#778899
lightsteelblue#B0C4DE
29
limegreen#32CD32
lime *#00FF00
magenta
fuchsia *
#FF00FF
30
blueviolet#8A2BE2
mediumaquamarine#66CDAA
31
mediumorchid#BA55D3
mediumpurple#9370DB
mediumseagreen#3CB371
32
mediumslateblue#7B68EE
darkkhaki#BDB76B
mediumturquoise#48D1CC
33
mediumvioletred#C71585
palevioletred#DB7093
34
olivedrab#6B8E23
blue *#0000ff
mediumblue#0000CD
35
orchid#DA70D6
darkviolet#9400D3
yellowgreen#9ACD32
36
darkgoldenrod#B8860B
cadetblue#5F9EA0
peru#CD853F
37
darkorchid#9932CC
darkmagenta#8B008B
38
purple *#800080
firebrick#B22222
rosybrown#BC8F8F
39
sienna#A0522D
saddlebrown#8B4513
40
sandybrown#F4A460
seagreen#2E8B57
royalblue#4169E1
41
silver#C0C0C0
darkcyan#008B8B
brown#A52A2A
42
slategray#708090
slateblue#6A5ACD
steelblue#4682B4
43
tan#D2B48C
teal *#008080
gray *#808080
44
maroon *#800000
dimgray#696969
darkred#8B0000
45
indigo#4B0082
olive *#808000
darkslateblue#483D8B
46
darkolivegreen#556B2F
navy *#000080
midnightblue#191970
47
darkblue#00008B
darkgreen#006400
darkslategray#2F4F4F
48
black *#000000..

pour voir la liste des couleurs par ordre alphabétique avec la traduction des significations,
www.pourpre.com
c'est sur ce site que j'ai pompé le code avant de retravailler le tableau
donc un grand merci au webmestre de www.pourpre.com

Astuce
Il n'existe pas en Html de couleur transparente ou translucide, c'est un effet qui est possible seulement avec une image *.gif dont une couleur visible habituellement, sera rendu invisible donc transparente.
C'est maintenant très simple de faire une image avec des parties transparente avec le logiciel The Gimp qui fonctionne avec des calques qui peuvent être transparents, sans couleur de fond, au moment de la sauvegarde de l'image en format GIF ou PNG, l'image sera aplatie et toutes les partie du calque non coloriées seront automatiquement transparentes, voir ce tutoriel.

haut de page