8 mai 2013 19:43

Lorsque vous travaillez votre CSS il vous arrive souvent de trouver du code sous cette forme "background-color: #FFFFFF" (pour un fond), ou "color: #FFF" (pour du texte), voir au milieu d'autres codes sous la forme "#FFF"

Mais c'est quoi ?

Background représente le fond
Color peut être hormis dans certains cas, mais si vous avez aussi un fond avec une image (background-image) il faut ABSOLUMENT mettre le color, sinon vous ne verrez pas l'image... (en CSS simplifié, vous pouvez avoir le color et image, mais alors c'est uniquement "background" qui est utilisé)
#FFFFFF représente une couleur (ici le blanc),dans certains cas la forme peut aussi être simplifiée, comme par exemple #FFF (c'est le cas pour ces 216 couleurs standard et pour certains gris, ce n'est plus le cas pour les autres couleurs)

 

Color peut donc aussi être utilisé pour du texte, des liens, des bordures, ...


Si vous désirez en savoir plus je vous conseille ces pages :
Système hexadécimal
Si vous voulez en savoir encore plus

Voici un tableau qui reprend les 216 couleurs standard et le code hexadécimal (*)

 

  #000000   #000033   #000066   #000099   #0000CC   #0000FF
  #003300   #003333   #003366   #003399   #0033CC   #0033FF
  #006600   #006633   #006666   #006699   #0066CC   #0066FF
  #009900   #009933   #009966   #009999   #0099CC   #0099FF
  #00CC00   #00CC33   #00CC66   #00CC99   #00CCCC   #00CCFF
  #00FF00   #00FF33   #00FF66   #00FF99   #00FFCC   #00FFFF
  #330000   #330033   #330066   #330099   #3300CC   #3300FF
  #333300   #333333   #333366   #333399   #3333CC   #3333FF
  #336600   #336633   #336666   #336699   #3366CC   #3366FF
  #339900   #339933   #339966   #339999   #3399CC   #3399FF
  #33CC00   #33CC33   #33CC66   #33CC99   #33CCCC   #33CCFF
  #33FF00   #33FF33   #33FF66   #33FF99   #33FFCC   #33FFFF
  #660000   #660033   #660066   #660099   #6600CC   #6600FF
  #663300   #663333   #663366   #663399   #6633CC   #6633FF
  #666600   #666633   #666666   #666699   #6666CC   #6666FF
  #669900   #669933   #669966   #669999   #6699CC   #6699FF
  #66CC00   #66CC33   #66CC66   #66CC99   #66CCCC   #66CCFF
  #66FF00   #66FF33   #66FF66   #66FF99   #66FFCC   #66FFFF
  #990000   #990033   #990066   #990099   #9900CC   #9900FF
  #993300   #993333   #993366   #993399   #9933CC   #9933FF
  #996600   #996633   #996666   #996699   #9966CC   #9966FF
  #999900   #999933   #999966   #999999   #9999CC   #9999FF
  #99CC00   #99CC33   #99CC66   #99CC99   #99CCCC   #99CCFF
  #99FF00   #99FF33   #99FF66   #99FF99   #99FFCC   #99FFFF
  #CC0000   #CC0033   #CC0066   #CC0099   #CC00CC   #CC00FF
  #CC3300   #CC3333   #CC3366   #CC3399   #CC33CC   #CC33FF
  #CC6600   #CC6633   #CC6666   #CC6699   #CC66CC   #CC66FF
  #CC9900   #CC9933   #CC9966   #CC9999   #CC99CC   #CC99FF
  #CCCC00   #CCCC33   #CCCC66   #CCCC99   #CCCCCC   #CCCCFF
  #CCFF00   #CCFF33   #CCFF66   #CCFF99   #CCFFCC   #CCFFFF
  #FF0000   #FF0033   #FF0066   #FF0099   #FF00CC   #FF00FF
  #FF3300   #FF3333   #FF3366   #FF3399   #FF33CC   #FF33FF
  #FF6600   #FF6633   #FF6666   #FF6699   #FF66CC   #FF66FF
  #FF9900   #FF9933   #FF9966   #FF9999   #FF99CC   #FF99FF
  #FFCC00   #FFCC33   #FFCC66   #FFCC99   #FFCCCC   #FFCCFF
  #FFFF00   #FFFF33   #FFFF66   #FFFF99   #FFFFCC   #FFFFFF



(*) Remarques :
1) Les couleurs de ce tableau sont "générées" par votre navigateur, ce ne sont pas des images
2) Suivant le réglage (calibrage) des couleurs d'un ordinateur à l'autre, les couleurs peuvent donc ne pas être les mêmes...

Retour à l'accueil

Partager cet article

Commentaires

snoring aids 29/04/2014 13:02

Well this is nice. A lot of distinctive colors to choose from. I guess now people have more to choose from which is good and bad at times because for some people more means more time to decide on one thing in particular. Many women have this problem. now offence meant. Good article. The serial nos helped.

Créer un blog gratuit sur overblog.com - Contact - CGU -
Related Posts Plugin for WordPress, Blogger...