Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Modifier Les Couleurs Du Texte En CSS | Premiers Pas Avec CSS
Fondamentaux De CSS

bookModifier Les Couleurs Du Texte En CSS

Précédemment, nous avons ajouté des couleurs au texte de manière très intuitive et directe. Cependant, examinons en détail l'application des couleurs.

Couleur

La couleur du texte peut être appliquée à un élément de texte à l'aide de la propriété CSS color, qui peut recevoir une valeur dans différents formats. Les valeurs de couleur les plus couramment utilisées sont RGB, hexadécimal et les noms de couleurs. Considérons l'exemple suivant, où nous appliquons la couleur rouge au texte.

index.html

index.html

styles.css

styles.css

copy

Remarque

Il est possible de trouver des modèles de couleurs intéressants sur https://colorhunt.co/.

Formats pour spécifier une couleur

Examen détaillé de chaque format.

Nom de couleur

Utilisation de mots réservés pour les couleurs. La liste des couleurs réservées est disponible sur https://htmlcolorcodes.com.

Format Hexadécimal

Hexadécimal représente les couleurs par un code à six chiffres composé de trois paires de deux chiffres. Chaque paire indique l’intensité du rouge, du vert et du bleu (dans cet ordre).

Les valeurs au format hexadécimal varient de 00 (aucune intensité) à FF (intensité maximale).

Format RGB

RGB représente les couleurs par une série de trois nombres correspondant à l’intensité du rouge, du vert et du bleu (dans cet ordre).

Les valeurs au format RGB varient de 0 (aucune intensité) à 255 (intensité maximale).

Remarque

Les valeurs hexadécimales et rgb sont toutes deux largement utilisées dans la conception web, et le choix entre elles dépendra des préférences personnelles et des exigences du projet.

Transparence

La transparence dans les couleurs rgb peut être obtenue en utilisant la notation rgba (rouge, vert, bleu, alpha), où alpha correspond au niveau d’opacité ou de transparence de la couleur.

La valeur alpha peut varier de 0 (complètement transparent) à 1 (complètement opaque). Par exemple, la valeur RGBA rgba(0, 255, 0, 0.5) représente une couleur verte avec 50 % d’opacité.

index.html

index.html

styles.css

styles.css

copy
question mark

Quelle est la principale différence entre la notation de couleur hexadécimale et rgb ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 8

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Suggested prompts:

Can you explain the difference between hex, rgb, and color names in CSS?

How do I use rgba to add transparency to a color?

Where can I find a list of all reserved color names?

Awesome!

Completion rate improved to 2.56

bookModifier Les Couleurs Du Texte En CSS

Glissez pour afficher le menu

Précédemment, nous avons ajouté des couleurs au texte de manière très intuitive et directe. Cependant, examinons en détail l'application des couleurs.

Couleur

La couleur du texte peut être appliquée à un élément de texte à l'aide de la propriété CSS color, qui peut recevoir une valeur dans différents formats. Les valeurs de couleur les plus couramment utilisées sont RGB, hexadécimal et les noms de couleurs. Considérons l'exemple suivant, où nous appliquons la couleur rouge au texte.

index.html

index.html

styles.css

styles.css

copy

Remarque

Il est possible de trouver des modèles de couleurs intéressants sur https://colorhunt.co/.

Formats pour spécifier une couleur

Examen détaillé de chaque format.

Nom de couleur

Utilisation de mots réservés pour les couleurs. La liste des couleurs réservées est disponible sur https://htmlcolorcodes.com.

Format Hexadécimal

Hexadécimal représente les couleurs par un code à six chiffres composé de trois paires de deux chiffres. Chaque paire indique l’intensité du rouge, du vert et du bleu (dans cet ordre).

Les valeurs au format hexadécimal varient de 00 (aucune intensité) à FF (intensité maximale).

Format RGB

RGB représente les couleurs par une série de trois nombres correspondant à l’intensité du rouge, du vert et du bleu (dans cet ordre).

Les valeurs au format RGB varient de 0 (aucune intensité) à 255 (intensité maximale).

Remarque

Les valeurs hexadécimales et rgb sont toutes deux largement utilisées dans la conception web, et le choix entre elles dépendra des préférences personnelles et des exigences du projet.

Transparence

La transparence dans les couleurs rgb peut être obtenue en utilisant la notation rgba (rouge, vert, bleu, alpha), où alpha correspond au niveau d’opacité ou de transparence de la couleur.

La valeur alpha peut varier de 0 (complètement transparent) à 1 (complètement opaque). Par exemple, la valeur RGBA rgba(0, 255, 0, 0.5) représente une couleur verte avec 50 % d’opacité.

index.html

index.html

styles.css

styles.css

copy
question mark

Quelle est la principale différence entre la notation de couleur hexadécimale et rgb ?

Select the correct answer

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 8
some-alt