Recomeda-se consultar a matéria "Cores automáticas" desta documentação.
|couleur_extraire
O filtro |couleur_extraire aplicado a uma tag de imagem (logo, image typo...) retorna o valor RGB hexadecimal de uma cor presente na imagem.
Funcionamento:
O filtro começa por redimensionar a imagem original num quadrado de 20 por 20 pixels, para que a cor extraída seja representativa das cores realmente presentes na imagem (evitando cair sobre um pixel isolado).
Em seguida, retorna o valor da cor do pixel situado ligeiramente acima do centro da imagem (por padrão: coordenadas 10, 6).
Pode-se forçar a seleção de um pixel específico, ou seja, especificar ao filtro em que parte da imagem original ele deve selecionar a sua cor média.
Para isso, passa-se ao filtro as coordenadas do pixel na forma |couleur_extraire{x, y} onde "x,y" deverão situar-se no intervalo de 0,0 (canto superior esquerdo) a 20,20 (canto inferior direito).
Exemplo:
A partir da imagem original abaixo:
o filtro cria uma imagem temporária reduzida:
Ampliada aqui:
e seleciona o pixel especificado (abaixo, respetivamente: "0, 0" ; "10, 6" ; "10, 10" ; "20, 20"):
Por fim, o filtro retornará o valor cromático desse pixel. Neste exemplo:
554839 para |couleur_extraire{0, 0} ;
aa8454 para |couleur_extraire (par défaut) ;
995c2c para |couleur_extraire{10, 10} ;
544738 para |couleur_extraire{20, 20}.
Atenção: o filtro retorna o valor bruto da cor; para usá-lo num estilo CSS, não esqueça deo preceder pelo caracter #.
|couleur_eclaircir (clarear cor) e |couleur_foncer (escurecer cor)
Associados ao filtro |couleur_extraire, os filtros |couleur_eclaircir ou |couleur_foncer permitem obter tonalidades de cores, num conjunto muito coerente.
A partir da cor extraída de uma imagem (imagine, por exemplo, o logo de uma seção):
os três códigos a seguir:
[(#LOGO_RUBRIQUE|couleur_extraire)]
[(#LOGO_RUBRIQUE|couleur_extraire|couleur_eclaircir)]
[(#LOGO_RUBRIQUE|couleur_extraire|couleur_foncer)]
retornarão:
