Lorsque vous codez manuellement la conception de votre page Web, vous aurez souvent besoin de codes de générateur de couleurs pour les fonctionnalités HTML de votre page. Ces fonctionnalités incluent la police, l’arrière-plan, l’ombrage et bien plus encore.
Table des matières
Recherche de codes de générateur de couleurs pour les éléments HTML
Il est très simple de définir des couleurs simples dans votre code HTML en utilisant les mots anglais normaux pour les couleurs telles que «bleu», «vert» ou «rouge», ce n’est pas aussi simple lorsque vous souhaitez utiliser des couleurs non standard. Grâce aux codes numériques HEX, vous avez le choix entre une très grande variété de couleurs pour votre site Web. Afin de déterminer le code de couleur correct pour la couleur souhaitée, il est préférable d’utiliser un générateur de couleurs pour les codes au format HTML HEX que vous pouvez simplement couper et coller dans votre script de page Web.
Comment et où utiliser les codes de couleur
Lorsque vous concevez la mise en page de votre site Web, il existe de nombreux cas où vous pouvez insérer les codes du générateur de couleurs afin de définir la couleur exacte que vous souhaitez. Les exemples suivants sont quelques-unes des façons les plus courantes d’utiliser ces codes de couleur.
Modification de la couleur de la police
Pendant de nombreuses années, les concepteurs de sites Web utilisaient du code commun pour définir la couleur de la police dans une page Web. Cependant, des techniques plus courantes aujourd’hui impliquent l’utilisation de la nouvelle balise «span», comme illustré ici.
|
Si vous souhaitez changer la couleur de la police , utilisez simplement le bon code couleur. couleur d’arrière-plan différente |
Le code ci-dessus utilise le code hexadécimal pour une nuance de bleu très spécifique qui n’est ni trop sombre ni trop lumineuse. En utilisant le code exact d’une couleur, vous n’avez pas à vous soucier de savoir si la définition de la couleur comme « bleu » sera la bonne nuance de bleu que vous souhaitez. L’utilisation des codes du générateur de couleurs pour les définitions de polices HTML produira la couleur exacte que vous recherchez.
Définition de la couleur d’arrière-plan
Tout comme les polices, la technique de définition de la couleur d’arrière-plan a changé avec le temps. Auparavant, les concepteurs Web utilisaient l’attribut bgcolor pour la balise BODY afin de définir la couleur d’arrière-plan de la page Web.
|
… le corps de la page va ici. |
Le code hexadécimal utilisé dans l’exemple ci-dessus fournit à la page Web un arrière-plan violet très clair. De nos jours, les concepteurs Web préfèrent utiliser l’approche de la feuille de style, comme illustré ici.
Il existe un certain nombre d’autres attributs que vous pouvez utiliser pour définir l’apparence des différents éléments de la page, alors assurez-vous de comprendre les codes CSS et le fonctionnement de ces attributs afin de mieux personnaliser l’apparence de votre page.
Recherche de générateurs de couleurs pour les codes HTML HEX
Le moyen le plus simple de choisir la nuance de couleur exacte que vous souhaitez pour votre police, votre arrière-plan ou tout autre élément de votre site Web est d’utiliser des générateurs de code en ligne. La liste suivante répertorie quelques-uns des meilleurs générateurs en ligne que vous pouvez utiliser à tout moment pour déterminer le code hexadécimal correct pour votre script HTML.
- Free-Webmaster-Tools fournit cet outil très utile qui vous permet soit de choisir parmi une longue liste de couleurs communes, soit de sélectionner la nuance de couleur que vous souhaitez dans la carte de teinte-saturation en bas de la page. Vous pouvez voir à quoi ressemble la couleur de l’arrière-plan de la page Web en cliquant sur « Test » ou « Afficher la couleur ».
- Color Schemer est en fait un téléchargement d’application PC, mais à ce lien, la fonctionnalité de jeu de couleurs est fournie en ligne. Contrairement à la plupart des autres générateurs de code couleur, cette application en ligne vous permet de trouver juste la bonne teinte en cliquant sur «Lighten Scheme» ou «Darken Scheme» jusqu’à ce que la couleur soit exactement ce que vous recherchez.
- Hypergurl fournit ce générateur de couleurs très utile qui fournit un bel affichage afin que vous puissiez voir à quoi ressemblent les couleurs de l’arrière-plan, du texte et du texte des liens.
- 2 Créer un site Web fournit cet outil très utile qui comprend un outil de sélection de teinte et une grille de saturation ainsi qu’une roue chromatique en bas qui vous aide à créer une belle palette de couleurs pour votre site.
Les couleurs font un site Web
D’innombrables études psychologiques prouvent que les couleurs induisent des émotions chez les humains. Il n’est pas surprenant que les couleurs puissent grandement influencer la façon dont les gens réagissent à votre site Web et qu’ils l’aiment ou non. Assurez-vous donc de bien prendre en compte les couleurs de votre site Web lorsque vous démarrez la phase de conception de votre nouvelle page Web.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
