Utiliser une palette de couleurs pour son blog

(Mise à jour le 14 mars 2010 à 20:39)

Je décrivais hier comment modifier les couleurs de son nuage de mots-clés.

Voici quelques éléments sur l’utilisation des couleurs dans une page html que l’on peut employer pour modifier une feuille de style (fichier CSS d’un plugin ou d’un thème).

Les couleurs sont décrites en html (le langage utilisé sur le web) avec six caractères précédés du signe #. Les caractères sont notés en hexadécimal de 00 à FF, 00 correspondant à la couleur blanche, FF à la couleur noire.

Chaque couleur est composée d’un premier bloc de deux premiers signes pour le rouge, suivi de deux signes pour le vert puis de deux signes pour le bleu.

Ainsi #00FF00 représente le vert, #0000FF le bleu, #FF0000 le rouge.

[Diaporama]

Pour qu’une couleur soit affichée de façon analogue, quel que soit l’ordinateur ou le navigateur, il faut utiliser des « couleurs web » dont la caractéristique est que chaque couleur de base est identifiée par deux caractères identiques : on pourrait très bien définir un vert par le code #029F03, mais pour qu’il s’affiche de manière similaire dans tous les cas de figure, il sera noté #009900.

J’utilise, sur le Mac, la palette de couleurs de l’application TacoHTML, application devenue payante. Auparavant, l’application Aperçu disposait d’une palette de couleur identique. Peut-être un lecteur connaît-il une application gratuite proposant une telle palette permettant facilement d’identifier une couleur.

Sachant que plus le codage pour une couleur de base se trouve vers 00, moins elle sera dense, et plus celui-ci se trouve vers FF, plus elle le sera, on peut donc faire une combinaison faisant varier les trois couleurs entre 00, 33, 66, 99 et FF.

Dans l’exemple ci-contre, j’ai effectué une variation sur les verts, en séparant, pour plus de lisibilité, les caractères pour chaque couleur de base ; dans une feuille de style, les caractères ne sont bien sûr pas espacés et chaque code est précédé du signe #. L’affichage pour le nuage de mots clés avec ces couleurs est alors le suivant :

Ecrit par Lise - Site