Developpez.com

Télécharger gratuitement le magazine des développeurs, le bimestriel des développeurs avec une sélection des meilleurs tutoriels

Developpez.com - Développement Web
X

Choisissez d'abord la catégorieensuite la rubrique :


Le code des couleurs

01/02/2003

Par giminik (Matthieu Petiot) (autres articles)
 

Cet article vous dévoilera la syntaxe à utiliser concernant les couleurs. ü


1. Code hexadécimal (CSS 1)
2. Nom de couleur (CSS 1)
3. La fonction rgb() (CSS 1)
4. Les couleurs dites système ou personnalisées (CSS 2)


1. Code hexadécimal (CSS 1)


Liste des navigateurs compatibles

  • Internet Explorer 5 et supérieurs
  • Netscape 4 et supérieurs
  • Mozilla
  • Mozilla Firebird
  • Opera

Avec cette notation, la valeur d'une couleur se note sous la forme #RRVVBB ou #RVB (R pour rouge, V pour vert, B pour bleu), chaque chiffre pouvant varier entre 0 et F. Si vous utilisez la notation à 3 chiffres, chaque chiffre est alors doublé.

Syntaxe et valeurs possibles
/* définition d'une couleur rouge */ color : #FF0000 ; /* la même couleur rouge */ color : #F00 ; /* correspond à #FF0000 */ /* une couleur bleue */ color : #0099FF ; /* correspond à #09F */
Visualisez un exemple.


2. Nom de couleur (CSS 1)


Liste des navigateurs compatibles

  • Internet Explorer 5 et supérieurs
  • Netscape 4 et supérieurs
  • Mozilla
  • Mozilla Firebird
  • Opera

Avec cette notation, il suffit d'entrer le nom d'une couleur qui est prédéfinie et qui porte un nom anglais. Cliquez ici pour visualiser cette liste.

Syntaxe et valeurs possibles
/* définition d'une couleur rouge */ color : red ; /* une couleur bleue */ color : blue ;
Visualisez un exemple.


3. La fonction rgb() (CSS 1)


Liste des navigateurs compatibles

  • Internet Explorer 5 et supérieurs
  • Netscape 4 et supérieurs
  • Mozilla
  • Mozilla Firebird
  • Opera

Ceci permet de définir une couleur en mode RGB. Cette fonction admet 3 arguments variant de 0 à 255 ou de 0% à 100%. Le premier argument est la valeur du rouge, le second le vert et le troisième le bleu. Vous devez utiliser les même unités pour les 3 arguments.

Syntaxe et valeurs possibles
/* définit une couleur rouge */ color : rgb(100%, 0%, 0%) ; /* du violet */ color : rgb(255, 0, 255) ; /* équivaut à rgb(100%, 0%, 100%) */
Visualisez un exemple.


4. Les couleurs dites système ou personnalisées (CSS 2)


Liste des navigateurs compatibles

  • Internet Explorer 5 et supérieurs
  • Netscape 6 et supérieurs
  • Mozilla
  • Mozilla Firebird
  • Opera

Ceci permet d'accéder aux couleurs personnalisées du visiteur telles qu'elles sont sur son système d'exploitation. Ainsi, il est possible d'utiliser la même couleur de fond que celle qu'il a sur son bureau. D'autres valeurs de couleurs sont accessibles. Cliquez ici pour visualiser cette liste.

Syntaxe et valeurs possibles
/* couleur du bureau */ color : background ;
Visualisez un exemple.



Ce document est issu de http://www.developpez.com et reste la propriété exclusive de son auteur.
La copie, modification et/ou distribution par quelque moyen que ce soit est soumise à l'obtention préalable de l'autorisation de l'auteur.
Responsable bénévole de la rubrique Développement Web : Xavier Lecomte -