"color" ou couleur du texte
Pour définir la couleur d'un texte avec l'attribut COLOR vous vous pouvez choisir entre différents types de valeurs( vous pouvez aussi entendre parler de "couleur de premier plan"). Il n'existe pas de couleur par défaut, sauf celle du navigateur qui en principe est noire.L' élément enfant hérite de la couleur de l'élément parent.
- nom de la couleur : white, black, blue...
-code RGB (Red, Green, Blue = rouge, vert, bleu) de 0 à 255
- valeur hexadécimale : #FFFFFF , #FFf33CC
En CSS vous placez la déclaration avec l'attribut COLOR, soit en tête de la page entre les HEAD comme ci-dessous, soit sur le fichier externe des déclarations de styles pour l'ensemble des pages, soit pour un paragraphe entre les balises DIV ou SPAN.
Code dans HEAD
<style type="text/css">
body { font-family; arial, verdana, sans-serif ;
font-size:16pt ; background-color: #FFFFFF ; }
h4 { color: green ; }
</style>
Code dans BODY
<H4> Texte en vert suivant code défini dans HEAD </H4>
Résultat de l'exemple
<H4> Texte en vert suivant code défini dans HEAD </H4>
Code directement dans BODY avec DIV
<DIV style="color: maroon ; font-size: 16pt ; ">Texte en marron suivant le code color défini</DIV-
Résultat de l'exemple
Texte en marron suivant le code COLOR défini
Cette fois avec SPAN toujours dans BODY
<p>Un texte normal dans lequel un (ou quelques mots) est affiché en <span style="color: red ; ">rouge</span>.</p>
Résultat de l'exemple
Un texte normal dans lequel un (ou quelques mots) est affiché en rouge.
Pour le choix des couleurs en langue anglaise, voir la palette de base en 16 couleurs >>> là
ou encore la palette plus complète en 141 couleurs >>> là
Pour le choix des codes de couleurs, direction le "nuancier" >>> là
Refermez ensuite la fenêtre du navigateur qui va s'ouvrir, pour revenir ici.
Si vous ne souhaitez pas utiliser le code hexadécimal des couleurs, vous pouvez utiliser la dénomination qui sera alors obligatoirement en anglais . ll existe une palette de base de 16 et 141 couleurs qu'il est recommandé d'utiliser sans trop chercher dans la liste impressionnante des autres codes dont la fidélité du résultat n'est pas garantie.
Rappel :
Le code hexadécimal (#0000FF = bleu) ou encore code RVB, correspondent à une valeur numérique composée à partir des trois couleurs de base que sont le rouge, le vert et le bleu. (rgb dont red / rouge, green / vert, blue / bleu)
Plusieurs solutions possibles :
- a - Couleur de 8 bits = h4 {color: #00F ; }
- b - Couleur de 16 bits = h4 {color: #0000FF ; } h5 { color: #FFFFFF }
et vous constatez que le bleu (en "a") est 0%, et les deux premiers (en "b") sont aussi 0%. De même vous trouvez le vert en 0% en début et fin : #00FF00. Maintenant pour le blanc (le h5 en "b") il est évident que sa valeur "ff" est automatiquement égale à 100% de la valeur globale et = au nombre 255.
De plus en 16 bits, il est possible d'écrire :
h4 { color: #0000FF ; }
ou bien : h4 {color: rgb(0,0,255) ; }
ou encore en pourcentage : h4 {color: rgb(0%,0%,100%) ;}
Suggestion :
il est toujours bon de savoir ce qui existe, mais il est recommandé d'utiliser les couleurs classiques ...... et dans une page même avec un contenu valable, vous risquez de lasser un visiteur si vous négligez ce rôle des couleurs qui doit être adapté pour une présentation agréable et surtout pas agressive. Pensez au désign.
Sachez utiliser les couleurs pour mettre en évidence les titres, les informations importantes du texte et si possible pensez aux daltoniens.
Cette page traite de la couleur du texte et vous pouvez maintenant consulter la couleur appliquée à un fond de page ..... cliquez là
Recommandation W3C :
Seulement 16 noms de couleur sont soutenus par la norme de W3C CSS (aqua, black,
blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver,
teal, white et yellow) qui sont définies dans la spécification
HTML 4.0 . Pour toutes autres couleurs vous devriez employer la valeur
hexadécimale : #FFFFFF de couleur. C'est une recommandation
!
Sommaire CSS ... @ ... Letter-spacing
