Lors du formatage de texte en HTML, l’utilisation de codes de couleur de police HTML est importante pour l’esthétique de votre page Web. Il existe différentes manières de transformer votre texte en lettres vibrantes; celui que vous utilisez dépend de votre niveau de maîtrise de la technique. Certains programmeurs préfèrent écrire le code manuellement pour une page Web, il leur est donc avantageux de connaître les codes de couleur des polices HTML. D’autres programmeurs utilisent le logiciel de création Web WYSIWYG. Bien que de tels programmes insèrent automatiquement les codes de couleur, cela peut vous faire gagner du temps si vous mémorisez les couleurs de base.
Désignations des couleurs de police
Pour donner la couleur du texte, vous utilisez l’attribut de police dans votre codage. Une façon de désigner la couleur est d’écrire le nom de la couleur, comme «noir» ou «blanc». Par exemple, l’attribut de police écrit ressemble à:
Placez le texte ici.
Vous faites cela chaque fois que vous souhaitez modifier la couleur de la police. L’un des avantages de l’utilisation du nom de la couleur est qu’il est plus facile de se souvenir des couleurs. Si vous avez juste besoin d’utiliser les couleurs simples, il vous suffit de taper «rouge», «bleu», «jaune», «orange», «noir», «blanc», «violet» ou «vert».
Les autres couleurs que vous pouvez essayer incluent:
- Vert citron
- Bleuviolet
- Or clair
- Rose vif
- Darkslateblue
- Sombre vert
- Mistyrose
L’écriture du nom complet de la couleur fonctionne dans le code HTML et Javascript ainsi que dans la création CSS. Notez que le spectre des noms de couleurs complets est limité à 140 couleurs. Pour un tableau de toutes les couleurs disponibles que vous pouvez utiliser avec cette méthode, accédez à Nuancier HTML.
Hexadécimal
Pour une plus grande variété de couleurs, utilisez des nombres hexadécimaux dans l’attribut de police. Hexadécimal est un code à six chiffres qui indique au navigateur Web de quelle couleur créer le texte. Dans un nombre hexadécimal, les nombres de 0 à 9 et les lettres de A à F. En utilisant un mélange de ces caractères, vous pouvez créer 16 millions de combinaisons de couleurs.
Voici quelques exemples:
- 000000 = noir
- FFFFFF = blanc
- FF0000 = rouge
- 008000 = vert
Le codage des attributs de police ressemblera à ceci: Le texte blanc est affiché avec le code hexadécimal #FFFFFF.
Le corps du texte
Si le texte d’une page Web ne change pas, mais que vous voulez que le texte ait une certaine couleur, vous pouvez spécifier la couleur dans le « « . La couleur que vous avez choisie sera la couleur par défaut, sauf si vous ajoutez une autre balise ailleurs dans votre codage. Le codage se produit en haut de votre document:
Codes de couleurs populaires
Voici 16 couleurs courantes et leurs équivalents hexadécimaux:
- Rouge, # FF0000
- Blanc, #FFFFFF
- Bleu, # 0000FF
- Gris, # 808080
- Orange, # FF8040
- Marron, # 804000
- Jaune, # FFFF00
- Violet, # 800080
- Turquoise, # 00FFFF
- Vert, # 808000
- Rose, # FF00FF
- Bleu foncé, # 0000A0
- Gris clair, # C0C0C0
- Noir, # 000000
- Violet clair, # FF0080
- Vert herbe, # 408080
Pour une liste plus grande des codes hexadécimaux et leurs noms complets, visitez Codes de couleur HTML.
Utilisations supplémentaires
Outre l’attribut de police, vous pouvez utiliser les codes de couleur de police HTML des manières supplémentaires suivantes dans l’attribut de style pour divers codes:
- Style corporel. Définissez la couleur d’arrière-plan en ajoutant un style = « arrière-plan: # 000000 attribut.
- Couleur de la table. Un tableau peut avoir sa propre couleur d’arrière-plan en ajoutant un fond: # 000000 à l’attribut style.
- Couleur du lien. Fatigué de la couleur bleue ennuyeuse d’un lien? Changez-le en ajoutant une couleur différente. Le code du lien est .
Signification du code HTML hexadécimal
Tous les nombres hexadécimaux sont représentés par les trois couleurs principales du rouge, du vert et du bleu. Dans la combinaison à six chiffres, les deux premiers caractères indiquent la quantité de rouge souhaitée. Le deuxième ensemble de nombres indique la quantité de vert souhaitée et le dernier ensemble indique la quantité de bleu inclus. Dans tous les cas, « 00 » est le plus léger et « FF » est le plus intense. Utiliser « FF » dans l’un des sets et « 00 » dans les deux autres vous donne les couleurs pures de rouge, vert et bleu respectivement. Si vous ne voulez pas mémoriser des codes, alors le mieux est de jouer avec différents combinaisons pour trouver le meilleur look pour votre site Web.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
