En CSS, la priorité de la couleur dépend de la manière dont les styles ont été définis et déterminera quelle valeur de couleur sera appliquée à un élément HTML.

Il existe plusieurs moyens d'ajouter des couleurs en CSS :

  1. En utilisant les noms de couleurs en anglais : tels que "red", "blue", "green", etc.
  2. En utilisant les codes HEX : qui sont des codes hexadécimaux utilisés pour spécifier une couleur, par exemple "#ff0000" pour le rouge.
  3. En utilisant les codes RGB : qui permettent de spécifier une couleur en utilisant une valeur pour chaque canal rouge, vert et bleu, par exemple "rgb(255,0,0)" pour le rouge.
  4. En utilisant les codes HSL : qui permettent de spécifier une couleur en utilisant une valeur pour la teinte, la saturation et la luminosité, par exemple "hsl(0, 100%, 50%)" pour le rouge.

Textuel

.textuel {
   color: red;
}

Hexadecimal

Les codes couleur hexadécimaux sont des codes de six caractères utilisés pour définir les couleurs en CSS. Chaque caractère peut avoir une valeur allant de 0 à 9 ou de A à F, représentant respectivement les nombres de 0 à 15 en base décimale. Les codes hexadécimaux sont représentés en utilisant le format "#RRGGBB", où "RR" représente la valeur de canal rouge, "GG" représente la valeur de canal vert et "BB" représente la valeur de canal bleu.

Par exemple, le code "#FF0000" représente une couleur purement rouge, car les valeurs de canal rouge sont à leur maximum (FF), tandis que les valeurs de canal vert et de canal bleu sont à leur minimum (00). De même, le code "#00FF00" représente une couleur purement verte, car les valeurs de canal vert sont à leur maximum, tandis que les valeurs de canal rouge et de canal bleu sont à leur minimum.

En utilisant des valeurs différentes pour les canaux rouge, vert et bleu, il est possible de créer un grand nombre de couleurs différentes en utilisant des codes hexadécimaux. Les codes hexadécimaux sont faciles à utiliser et à mémoriser, ce qui en fait un choix populaire pour les développeurs web pour définir les couleurs en CSS.

.hexadecimal {
   color: #4a90e2; /* Un exemple de couleur en hexadécimal */
}

RGB

Le RGB (Red, Green, Blue) est un système de couleur qui permet de définir les couleurs en utilisant des valeurs numériques pour les canaux rouge, vert et bleu. Chaque canal peut avoir une valeur allant de 0 à 255, où 0 représente le minimum d'intensité de couleur et 255 représente le maximum.

En combinant différentes valeurs pour les canaux rouge, vert et bleu, il est possible de créer un grand nombre de couleurs différentes. Par exemple, le code RGB "rgb(255, 0, 0)" représente une couleur purement rouge, car la valeur de canal rouge est à son maximum, tandis que les valeurs de canal vert et de canal bleu sont à leur minimum.

Le format RGB est représenté en utilisant le format "rgb(red, green, blue)", où "red" représente la valeur de canal rouge, "green" représente la valeur de canal vert et "blue" représente la valeur de canal bleu.

.rgb {
color: rgb(46, 204, 113); /* Exemple de couleur RGB */
}

RGBA