Vite fait, un petit récap de comment ça marche les codes hexa qu’on met dans nos css.

On sait que toutes les images web sont en 72 dpi. À chaque pixel de l’image correspond une teinte, obtenue par la luminosité plus ou moins intense des loupiotes de nos écrans sur 3 couleurs primaires bien connues: RVB.

Les couleurs web sont codées en fonction de ces canaux Rouge, Vert ou Bleu. Chacun dispose de 255 niveaux de luminosité.
Pour obtenir du blanc, on allume tout à fond, ce qui donne une première façon de coder cette couleur: blanc = 255,255,255.

Pour l’écrire plus rapidement, on utilise un autre système de notation, et des couples de chiffres de 00 à FF.
Plus le chiffre est proche de FF et plus la couleur sera allumée, le blanc se code alors : FFFFFF. Dans un style css, on verra des trucs de ce genre:

/* dans une feuille de style .css */

body{
background-color:#ffffff; /* le fond de la page en blanc */
color: #060606; /* le texte presque noir */
}

h1{ /* les gros titres */
color:#ff0000; /* en rouge */
}

Gardez en tête que plus ces 3 valeurs sont proches et moins la teinte est forte, si la même valeur se répète 3 fois il s’agit d’un gris (une nuance entre le noir 000000 et le blanc ffffff).

Voili voiloù, il existe plein de sites qui permettent d’obtenir les codes web  des couleurs à partir d’images ou de palettes interactives, je vous renvoie gentiment à un article précédent parce que j’ai pas le temps d’en relister d’autres, là.

Ce billet a été publié le Samedi, novembre 14th, 2009 à 17:12, classé dans HTML & CSS, Restes du Monde du Web. Suivez les réactions à ce billet via ce fil RSS RSS 2.0. Réagissez ici, ou poursuivez la discussion sur votre site.