SPIP

[ar] [ast] [bg] [br] [ca] [co] [cpf] [cs] [da] [de] [en] [eo] [es] [eu] [fa] [fon] [fr] [gl] [id] [it] [ja] [lb] [nl] [oc] [pl] [pt] [ro] [ru] [sk] [sv] [tr] [vi] [zh] Espace de traduction

Télécharger

|couleur_*

Mars 2010 — mis à jour le : 17 octobre

Toutes les versions de cet article :


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_eclaircir   et   |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) :

PNG - 3.2 ko

les 3 codes suivants :

[(#LOGO_RUBRIQUE|couleur_extraire)]
[(#LOGO_RUBRIQUE|couleur_extraire|couleur_eclaircir)]
[(#LOGO_RUBRIQUE|couleur_extraire|couleur_foncer)]

retourneront :

PNG - 9.3 ko
Palette

Voir le squelette de cette page Site réalisé avec SPIP | Espace de traduction | Espace privé