Couleurs CSS
Les couleurs sont des éléments fondamentaux dans la conception d'une page Web, car elles peuvent transmettre des émotions, mettre en évidence un contenu important et rendre l'expérience utilisateur plus agréable. En CSS, il existe plusieurs façons de définir les couleurs, soit par des mots-clés, des valeurs numériques ou des codes hexadécimaux.
Mots clés
Les mots-clés sont le moyen le plus simple de définir des couleurs en CSS. Ce sont des représentations de couleurs courantes telles que "rouge", "bleu" et "vert". En outre, il existe également des mots-clés qui représentent des nuances de gris, tels que "gris" et "argent".
Voir un exemple :
h1 {
La couleur rouge;
}
Dans ce cas, le titre de la page sera affiché en rouge.
Valeurs numériques
Les valeurs numériques sont une autre façon de définir les couleurs en CSS. Ils sont représentés par trois nombres allant de 0 à 255, qui correspondent respectivement aux intensités du rouge, du vert et du bleu. Cette technique est connue sous le nom de RVB (Rouge, Vert, Bleu).
Continuez dans notre application.
Vous pouvez écouter le livre audio écran éteint, recevoir un certificat gratuit pour ce cours et accéder également à 5 000 autres cours en ligne gratuits.
Ou poursuivez votre lecture ci-dessous...
Téléchargez l'application
Voir un exemple :
h1 {
couleur : RVB (255, 0, 0) ;
}
Dans ce cas, le titre de la page sera également affiché en rouge.
Codes hexadécimaux
Les codes hexadécimaux sont le moyen le plus précis de définir les couleurs en CSS. Ils sont représentés par six caractères alphanumériques allant de 0 à F, qui correspondent respectivement aux intensités de rouge, vert et bleu. Cette technique est connue sous le nom de HEX (Hexadécimal).
Voir un exemple :
h1 {
couleur : #FF0000 ;
}
Dans ce cas, le titre de la page sera également affiché en rouge, mais avec un code hexadécimal plus précis.
Transparence
En plus de définir les couleurs, il est également possible de définir la transparence d'un élément en CSS. Cela se fait via la propriété "opacité", qui varie de 0 à 1, 0 étant complètement transparent et 1 complètement opaque.
Voir un exemple :
h1 {
couleur : rgba (255, 0, 0, 0,5) ;
}
Dans ce cas, le titre de la page sera affiché en rouge avec une transparence de 50 %.
Conclusion
En résumé, les couleurs sont des éléments essentiels dans la conception d'une page Web et en CSS, il existe plusieurs façons de les définir. Que ce soit par le biais de mots-clés, de valeurs numériques ou de codes hexadécimaux, l'important est de choisir la bonne couleur pour chaque élément et de faire passer le message souhaité.
