Notice: wpdb::prepare foi chamada incorrectamente. A consulta não contém o número correcto de placeholders (2) para o número de argumentos passados (3). Por favor veja Depuração no WordPress para mais informações. (Esta mensagem foi adicionada na versão 4.8.3.) in /home/content/35/12095435/html/ak/wp-includes/functions.php on line 4138
De que cor é? (ferramenta) : Arinspunk

De que cor é? (ferramenta)

WTF!?

De que cor é a erva?

Responder a esta pergunta é doado, avonda com termos visto erva algumha vez. A erva é verde, ou amarela–castanha se falamos de erva seca.

De que cor é o amor?

Bem, aqui já nom falamos dalgo físico. O amor entra dentro do campo dos sentimentos e estes nom têm cor, mas ainda assim, os humanos temos por costume associar-lhes cor. Por exemplo, à pergunta, muitos ham responder: vermelho, ou rosa.

Cores e sentimentos não se combinam ao acaso nem são uma questão de gosto individual – são vivências comuns que, desde a infância, foram ficando profundamente enraizadas em nossa linguagem e em nosso pensamento.

Eva Heller, A psicologia das cores (2016:17)

E o jazz ou Tóquio, de que cor som?

Aqui a cousa vira um chisco mais complicada e livros como o excelente A psicologia das cores de Eva Heller nom nos podem ajudar, pois os estilos musicais e as cidades nom fam parte dele (nem da maioria de manuais de psicologia ou simbolismo das cores). Mas nom se preocupar, para casos coma estes é que vimos de desenvolver a ferramenta que inicia o post, que a partires de aqui havemos chamar Dequecor.

Jazz & Tóquio
As cores do Jazz e Tóquio (segundo Dequecor)

Ferramenta

Dequecor, todavia em fase experimental, está desenvolvida em PHP e permite-nos determinar as cores de qualquer conceito: animal, lugar, sentimento, religiom, etc. Para isto utiliza o sistema de procuras de Pinterest1, do qual recolhe e amostra a cor de fundo (background-color) das imagens que aparecem nos resultados mais recentes da procura (os últimos 25). Esta cor de fundo é a cor média da imagem obtida através dum script, umha técnica utilizada por várias plataformas e que tem como objetivo, amostrar um fundo de cor enquanto as imagens da procura estam a se carregar (somente percetível com ligaçons lentas).

Cores de fundo em Pinterest
Se eliminarmos as fotos aparecem por baixo as suas cores médias

Deste jeito, as cores geradas por Dequecor estam determinadas por dous elementos principais:

  1. A comunidade de usuários do Pinterest, que é quem publica e etiqueta as fotos.
  2. O algoritmo da plataforma, que é quem determina que fotos devem sair nos resultados dumha procura concreta.

Mas o resultado, embora coincidir em muitos casos, nom têm por que ser umha expressom direta da combinaçom cor–conceito, ou cor–sentimento do que fala Eva Haller, pois em Pinterest nom se relacionam ideias com cores, senom com imagens. Por exemplo, qualquer conceito pode ser associado a umha foto em branco e preto, que terá sempre como cor média um tom cinzento.

Além disto, nas provas que efetuamos com Dequecor, topamos várias “distorsons” que podem fazer variar o resultado dumha procura:

Código

Tal como comentamos antes, Dequecor utiliza o Pinterest para gerar a paleta de cor associada a umha determinada palavra.

Quando fazemos umha procura em Pinterest, a sua url muda ao se engadir umha query string com a palavra procurada. Por exemplo, se buscamos “erva”, a url que mostra os seus resultados é:

pinterest.com/search/pins/?q=erva

À sua vez nos resultados, cada imagem vai dentro dumha ligaçom com um background-color com a cor média da foto:

<a href="…" class="pinImageWrapper" style="background:#548b24;">

Entom o que Dequecor faz é: com o formulário recolhe a palavra da que queremos obter as suas cores. Depois constrói a url de Pinterest com a query string da procura. Com ela acede ao seu HTML, lê o código na busca dos background-color de cada imagem e recolhe os códigos hexadecimais. E finalmente utiliza estes para dar cor a cada umha das faixas horizontais do fundo.

Para conseguirmos isto utilizámos:

HTML

CSS

PHP

1 Realmente poderia usar qualquer outra plataforma de procura de imagens, por exemplo Google Images.
2 Neste caso para a condiçom empregamos um operador ternário que deixa o código um bocado mais simples.

Deixe uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *