Les couleurs sur le Web

Pourquoi des couleurs standard ?

Par les possibilités syntaxiques offertes en HTML et dans les CSS, vous pouvez codifier jusqu'à 16,7 millions de tonalités de couleurs différentes. Il existe cependant des palettes standard qui utilisent certaines tonalités bien précises parmi ces 16,7 millions de possibilités. Il n'est certes pas obligatoire de s'en tenir à ces palettes, cependant quand rien dans la mise en forme ne s'y oppose ces palettes donnent un certain ordre d'idées. En tout cas, ces palettes ont un avantage technique: la chance que les couleurs aient le même aspect sur différents types de matériels et sous différents systèmes d'exploitation, est plus grande que pour les couleurs avec des tonalités "quelconques".

Présentation des couleurs

Les couleurs standard sont présentées ici par Luminosité croissante de 0 à 100. Pour chaque luminosité, les teintes sont réparties tout au long de la ligne du rouge au bleu. Les lignes sont classées par saturation décroissante, de la couleur pure au gris.

Comment utiliser cette palette ?

Chaque couleur possède une petite étiquette. Quand on passe la souris dessus, on peut lire sa composition en RGB (en hexadec) et son nom si elle en possède un. Les couleurs qui ont un nom, ont un 'l' dans leur étiquette ; les autres ont une étiquette vide.

Lum = 0
........................................................................................................................................................................................................................................................................................................................................................................
l
Lum = 10
........................................................................................................................................................................................................................................................................................................................................................................
      
Lum = 20
........................................................................................................................................................................................................................................................................................................................................................................
            
 l
 
Lum = 25
........................................................................................................................................................................................................................................................................................................................................................................
llllllll lll
 ll
Lum = 30
........................................................................................................................................................................................................................................................................................................................................................................
                  
 l l
      
Lum = 35
........................................................................................................................................................................................................................................................................................................................................................................
 l ll
Lum = 40
........................................................................................................................................................................................................................................................................................................................................................................
                        
 l l l
ll l l l
            
 l
l
 
Lum = 45
........................................................................................................................................................................................................................................................................................................................................................................
 l l l l
Lum = 50
........................................................................................................................................................................................................................................................................................................................................................................
l    l    l    l    l    l    
 l lll ll l l l
 l
                  
 l l ll l
      
 l
l
Lum = 55
........................................................................................................................................................................................................................................................................................................................................................................
 l ll ll l l
 l
Lum = 60
........................................................................................................................................................................................................................................................................................................................................................................
                        
l l l l
            
 l l
 
Lum = 65
........................................................................................................................................................................................................................................................................................................................................................................
 ll
ll l lll ll
l
Lum = 70
........................................................................................................................................................................................................................................................................................................................................................................
                  
lll ll l l
      
Lum = 75
........................................................................................................................................................................................................................................................................................................................................................................
 l l l l ll l
l
Lum = 80
........................................................................................................................................................................................................................................................................................................................................................................
            
 l l lll l l
 
Lum = 85
........................................................................................................................................................................................................................................................................................................................................................................
 lll l
 l
ll
Lum = 90
........................................................................................................................................................................................................................................................................................................................................................................
      
 lll l
 lll
Lum = 95
........................................................................................................................................................................................................................................................................................................................................................................
 llllllllll l
 ll l
l
Lum = 100
........................................................................................................................................................................................................................................................................................................................................................................
l ll
l


Site Corpet