On pourra consulter l’article « Couleurs automatiques » de la présente documentation.
|couleur_extraire
Le filtre |couleur_extraire appliqué à une balise image (logo, image typo...) retourne la valeur RVB hexadécimale d’une couleur présente dans l’image.
Fonctionnement :
Le filtre commence par redimensionner l’image originale en un carré de 20 pixels par 20 pixels, pour que la couleur extraite soit représentative des couleurs réellement présentes dans l’image (en évitant de tomber sur un pixel isolé).
Puis il retourne la valeur de la couleur du pixel situé légèrement au dessus du centre de l’image (par défaut : coordonnées 10, 6).
Il est possible de forcer la sélection d’un pixel particulier, c’est à dire de préciser au filtre dans quelle partie de l’image originale il doit sélectionner sa couleur moyenne.
Pour cela on passera au filtre les coordonnées du pixel sous la forme |couleur_extraire{x, y} où « x,y » devront se situer dans une fourchette de 0,0 (coin supérieur gauche) à 20,20 (coin inférieur droit).
Exemple :
À partir de l’image originale ci-dessous :
le filtre crée une image temporaire réduite :
agrandie ici :
puis sélectionne le pixel spécifié (ci-dessous, respectivement : « 0, 0 » ; « 10, 6 » ; « 10, 10 » ; « 20, 20 ») :
Enfin, le filtre retournera la valeur colorimétrique de ce pixel.
Dans cet exemple :
554839 pour |couleur_extraire{0, 0} ;
aa8454 pour |couleur_extraire (par défaut) ;
995c2c pour |couleur_extraire{10, 10} ;
544738 pour |couleur_extraire{20, 20}.
Attention : le filtre retourne la valeur brute de la couleur ; pour l’utiliser dans un style css, ne pas oublier de faire précéder cette valeur d’un #.
|couleur_eclairciret|couleur_foncer
Associés au filtre |couleur_extraire, les filtres |couleur_eclaircir ou |couleur_foncer permettent d’obtenir des déclinaisons (camaïeux) de couleurs, l’ensemble étant très cohérent.
À partir de la couleur extraite d’une image (imaginons par exemple le logo d’une rubrique) :
les 3 codes suivants :
[(#LOGO_RUBRIQUE|couleur_extraire)]
[(#LOGO_RUBRIQUE|couleur_extraire|couleur_eclaircir)]
[(#LOGO_RUBRIQUE|couleur_extraire|couleur_foncer)]
retourneront :
