3. Les Couleurs en CSS

En CSS, les couleurs permettent de définir l’aspect visuel des éléments web. Elles peuvent être appliquées aux textes, aux fonds, aux bordures, et bien plus encore. CSS propose plusieurs méthodes pour définir les couleurs.

Méthodes pour définir les couleurs

• Nom de couleur : ex. red, blue, orange.
• Valeurs hexadécimales : ex. #FF0000 pour rouge.
• RGB : ex. rgb(255, 0, 0) pour rouge.
• RGBA : comme RGB mais avec transparence, ex. rgba(255, 0, 0, 0.5).
• HSL : (Hue, Saturation, Lightness), ex. hsl(0, 100%, 50%).

Exemples d’utilisation

/* Texte en rouge */
p {
  color: red;
}

/* Fond bleu clair */
div {
  background-color: #add8e6;
}

/* Bordure semi-transparente */
.box {
  border: 2px solid rgba(255, 165, 0, 0.7);
}
    

Conseils pour l’utilisation des couleurs

Choisissez des couleurs harmonieuses pour rendre votre site agréable à l'œil. Pensez à l’accessibilité en assurant un bon contraste entre le texte et le fond.

🔊 Audio & Vidéo en HTML5

Exercice