Magazine High tech

Utiliser une palette de couleurs pour son blog

Publié le 14 mars 2010 par Leblogdelise

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]
100314_Couleur1
100314_Couleur2
100314_Couleur3

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.

Nuage de mots clés
Nuage de mots clés
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


Retour à La Une de Logo Paperblog

A propos de l’auteur


Leblogdelise 122 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossiers Paperblog

Magazine