Les couleurs html
accueil >
Cours >
HTML >
Les couleurs html
Cours / tutoriel écrit le 17-06-2010 par sky
Les couleurs html
Les couleurs peuvent ètre définies de differentes manières :
d'abord le plus facile, révision de 6ème les couleurs in english !
red : rouge
blue : bleu
green : vert
orange : orange :)
etc ... etc ...
Pour mettre une couleur à un texte, il faudra l'entourer de la balise <font> en lui indiquand qu'elle couleurs grace à l'attribut color.
Ex :
<font color="red">Texte</font>
Bon, cette balise est actuellement à l'abandon au profit de <span> et </span> complétée par une feuille de style
CSS
Euhhh...! CSS ? oui bon on verra plus tard pour l'instant restons simple :
<font color="red">c'est rouge ouais!</font>
<font color="green">c'est vert ouais!</font>
<font color="blue">c'est blue ouais!</font>
<font color="yellow">c'est jaune ouais!</font>
<font color="orange">yeah i'm speaking english now!</font>
et il y en a beaucoup plus qu'on le pense!
et notre page blanche ? Oui, on peut aussi définir un fond.
<body bgcolor="yellow">
et la seconde solution pour les couleurs ?
ben la méthode binaire de Boby ç'était marrant non ? Essayons maintenant de compter en hexadécimale !
on va compter un peu en base 16...c'est trés simple on dépassera pas 16 !
0=0, 1=1, 2=2, 3=3, ...=..., 9=9, 10=a, 11=b, 12=c, 13=d, 14=e, 15=f.
Pour déclarer une couleur en hexadécimale, on note de cette façon :
<font color="#RougeVertBleu">Texte</font>
Ce qui donnera :
<font color="#ff0000">un texte rouge</font>
Pourquoi?
ff = le rouge
00 = le vert
00 = le bleu
On mélange le tout, et on obtient du rouge pure.
Quelques exemple :
<font color="#ff0000">c'est Red ouais!</font>
<font color="#00ff00">c'est Green ouais!</font>
<font color="#0000ff">c'est Blue ouais!</font>
<font color="#000000">black</font>
<font color="#bbbbbb">gris</font>
et le blanc #ffffff tout simplement!
(appris au collège normalement)
Le nombre de couleurs possibles en hexadécimale :
16x16x16x16x16x16 couleurs, j'ai pas assez de doigts pour vérifier !
Un lien vers une
palette de couleurs
pssst! il y a pas d'images ? > on y viens !
La suite :
intégration d'image en html
Commentaires
jack le 05-05-2012
<span color="green">c'est vert ouais!</span>
jack le 05-05-2012
<font color="#0000ff">c'est Blue ouais!</font>
Malik le 24-04-2012
merci b1!!
kilam le 31-03-2012
merci beaucoup
alvertosky le 19-12-2010
sa ma bien aider , merci !
steksetazerty le 17-12-2010
bravo pour votre site
pfff chapaeu