Le site est gratuit et ouvert à tous

LE SAVIEZ-VOUS ?
Créez et diffusez vos propres
BONS DE REDUCTION
A IMPRIMER

via l'annuaire premium
aux visiteurs du site

Codes couleurs informatiques

Les couleurs en HTML

Utilitaire pour les créateurs de sites (blogs) qui souhaitent personnaliser leurs pages web : Fonds, textes, liens, ...
En tant que membre du site, vous pouvez utiliser ces codes sur le Forum et messagerie privée.

Les couleurs, en HTML comme en CSS, sont référencée dans le code source.
Cette référence est généralement transcrite en hexadécimale (Ex. : "#FF0000" pour le rouge).

I► Codes couleurs

Voici un étalonnier de couleurs avec comme référence leur valeurs hexadécimale.

#000000 #333333 #666666 #999999 #CCCCCC #FFFFFF
#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

Téléchargez et imprimez cet étalonnier au format pdf.
Vous aurez ainsi la correspondance papier par rapport à l'écran.

I► Explications

En informatique, la couleur est décrite selon la quantité de ROUGE, de VERT et de BLEU qui la compose.
La synthèse est additive, c'est à dire : Rouge + Vert + Bleu = Blanc.

Chacune de ces trois couleurs (RVB) se décline en 256 nuances différentes.
La combinaison des trois offre un panel de 16 millions de couleurs : (RxVxB, soit : 256x256x256).

Le système hexadécimale permet de définir chacune de ces 16 millions de couleurs par une simple expression
composée de seulement sept caractères. Ce système implique un compte différent :

  • Au lieu de compter : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9
  • Comptez : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
  • Avec ce système, 256 s'écrit FF.
  • Ainsi la couleur à la couleur #FF8000 correspond : Rouge=256 Vert=128 Bleu=0.

NB : Une dièse # doit toujours précéder la référence de la couleur.

  • #FF80CC / #DD4000 / #80FF80

Remarque : Les navigateurs reconnaissent également les couleurs par leurs noms (anglais),
de telle sorte que vous pouvez aussi bien indiquer "red" et obtenir le rouge.

Astuce pour webmaster : Lorsque la référence est composée de caractères doubles,
il est possible de réduire la référence à quatre caractères.

  • #FFFFFF peut se résumer à #FFF
  • #00FF88 peut se résumer à #0F8
  • #AA22AA peut se résumer à #A2A

Source : http://www.W3C.org

A noter que les nuances de couleurs visibles à l'œil varient selon l'écran.
Votre écran d'ordinateur peut être configuré et adapté en fonction de vos préférences.
Certaines couleurs vous paraitront plus fades ou sombres, mais ce n'est pas toujours une faute de goût du webmaster ...

 

Annonces Google

En bref ...

Partenaires & sponsors

  • Nos Partenaires & Sponsors
  • Nos Partenaires & Sponsors
  • Nos Partenaires & Sponsors
  • Nos Partenaires & Sponsors

Jeudi, 29.07.2010