Luís Ramalho

“Color Thief”, para identificar cores de uma imagem.

Achei uma ideia interessante, com o “Color Thief” é possível saber a cor dominante ou a palete de cores de uma imagem. O exemplo em baixo mostra o script em ação.

Color Thief

Exemplo #1

Pesquisar por cores, como fazem estes sites:

Exemplo #2

O Google Chrome também utiliza as cores do favicon para decidir qual a cor da borda de fundo.

Como Utilizar?

O código fonte está no Github. Depois só terá de incluir jquery, quantize.js, e color-thief.js na sua página. Depois algo do género:

myImage = $('#myImage');
dominantColor = getDominantColor(myImage);
paletteArray = createPalette(myImage, 10); // 2nd argument sets the # of colors in palette

- Luís Ramalho