Forum | Derniers tutoriels de développement web
 

Colors Tutorial


Les couleurs sont affichées combinent ROUGE, VERT, BLEU et de la lumière.


Les noms de couleurs

Avec CSS, les couleurs peuvent être définies en utilisant les noms de couleurs:

Exemple

Color Name
 Red
 Orange
 Yellow
 Cyan
 Blue
Essayez - le vous - même »

CSS Couleur Valeurs

Avec CSS, les couleurs peuvent être spécifiées de différentes façons:

  • Par noms de couleurs
  • En tant que valeurs RVB
  • Comme valeurs hexadécimales
  • Comme les valeurs HSL (CSS3)
  • Comme les valeurs HWB (CSS4)

Couleurs RVB

les valeurs des couleurs RVB sont pris en charge dans tous les navigateurs.

Une valeur de couleur RVB est spécifié avec: rgb (rouge, vert, bleu).

Chaque paramètre (rouge, vert et bleu) définit l'intensité de la couleur comme un nombre entier compris entre 0 et 255.

Par exemple, rgb (0,0,255) est rendu en bleu, car le paramètre bleu est réglé à sa valeur la plus élevée (255) et les autres sont mis à 0.

Exemple

Color RGB Color
  rgb(255,0,0) Red
  rgb(0,255,0) Green
  rgb(0,0,255) Blue
Essayez - le vous - même »

Les nuances de gris sont souvent définies en utilisant des valeurs égales pour toutes les sources lumineuses 3:

Exemple

Color RGB Color
  rgb(0,0,0) Black
  rgb(128,128,128) Gray
  rgb(255,255,255) White
Essayez - le vous - même »

Couleurs hexadécimaux

les valeurs de couleur hexadécimales sont également pris en charge dans tous les navigateurs.

Une couleur hexadécimal est spécifié avec: #RRGGBB.

RR (rouge), GG (vert) et BB (bleu) sont des nombres entiers hexadécimaux entre 00 et FF spécifiant l'intensité de la couleur.

Par exemple, # 0000FF est affiché en bleu, parce que la composante bleue est réglé à sa valeur la plus élevée (FF) et les autres sont mis à 00.

Exemple

Color HEX RGB Color
  #FF0000 rgb(255,0,0) Red
  #00FF00 rgb(0,255,0) Green
  #0000FF rgb(0,0,255) Blue
Essayez - le vous - même »

Les nuances de gris sont souvent définies en utilisant des valeurs égales pour toutes les sources lumineuses 3:

Exemple

Color HEX RGB Color
  #000000 rgb(0,0,0) Black
  #808080 rgb(128,128,128) Gray
  #FFFFFF rgb(255,255,255) White
Essayez - le vous - même »

Majuscules ou minuscules?

Vous pouvez utiliser majuscules ou minuscules pour spécifier les valeurs hexadécimaux.

Remarque Minuscules sont plus faciles à écrire. Les majuscules sont plus faciles à lire.

Les noms de couleurs

CSS prend en charge 140 noms de couleurs standard.

Dans le chapitre suivant, vous trouverez une liste complète alphabétique des noms de couleur avec des valeurs hexadécimales:

Color Name Hex Color
AliceBlue #F0F8FF  
AntiqueWhite #FAEBD7  
Aqua #00FFFF  
Aquamarine #7FFFD4  
Azure #F0FFFF  
Beige #F5F5DC  
Bisque #FFE4C4