Como capturar a cor de um pixel na tela
Bem, hoje escreverei sobre alguns dos programas que uso freuquentemente quando estou desenvolvendo um site ou um sistema novo. Como todo bom programador e péssimo design, sempre tenho dificuldades em combinar cores, a solução era visitar vários sites ver uma combinação que agradasse abrir o código fonte do site e vasculhar o css atrás das cores desejadas.
No começo era uma tarefa chata e com o tempo foi ficando insuportável, então resolvi correr atrás de uma ferramenta que facilitasse este trabalho. Foi quando encontrei o Color Picker.
Como podem ver, o programa é bem simples:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfVFHK74N-lzyekfnw7ZHmflwtOU4eoNW-2fqhWIO8HzfkRSo46SuAZKLy73PG6B-LuDk05o5gILmBbdRnH9fYZGrDuPLBD-bX1pnkJJMbdEeVHfMVWqHjUP2VDSx9_mTYv5gg82XSlhY/s400/programa.gif)
Para iniciar a captura da cor de um pixel na tela basta clicar no botão "Color Picker" e em seguida clicar com o mouse em cima de um pixel da cor desejada:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPacXnGCMDr3ixJVURS8v3xXz40K82CVbEdY5tt_8J-ysLOUSWFQ-lpOLz15pWXmGy3b1AVb_Yqpgajol4njR2hCpBGrjApjfImtP7uULxU0M2Ni7Nyl_fRQryXR31nsVw_pSIbglAKVU/s400/imagem.gif)
Bem, por esta imagem não dá para ver, mas o mouse se encontra exatamente onde na janela do programa tem um pixel com as bordas brancas. Outra vantagem é que ele funciona como uma lupa, e você consegue diferenciar todos os tons de determinada imagem. Ao clicar no pixel, ele volta para a tela inicial informando o código da imagem desejada em 3 formatos: Número decimal, Hexadecimal e RGB.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAnQyx92MwtQaj-uhCNTQa_J4hUFnaVrt9FJxrliL9TnEocI_J9KeMXnr2Q-HjzhweOLOO0X4lefFj-K9gAV9inv8OmgafKcoRcXEWs-LzrKZs9KN9Tj-ptAIOkefIvKZogEy0KF9iqM/s400/resultado.gif)
Para copiar o código basta clicar em "Copy to Clipboard" ao lado do código desejado. Em seguida é só dar um ctrl + v onde desejar incluir o código. As outras funções que existem são o de "Large Escale" que se estiver marcado a lupa ampliará ainda mais o tamanho dos pixels, e a seleção da Skin do programa ( altamente descartável ).
It´s all folks.
No começo era uma tarefa chata e com o tempo foi ficando insuportável, então resolvi correr atrás de uma ferramenta que facilitasse este trabalho. Foi quando encontrei o Color Picker.
Como podem ver, o programa é bem simples:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfVFHK74N-lzyekfnw7ZHmflwtOU4eoNW-2fqhWIO8HzfkRSo46SuAZKLy73PG6B-LuDk05o5gILmBbdRnH9fYZGrDuPLBD-bX1pnkJJMbdEeVHfMVWqHjUP2VDSx9_mTYv5gg82XSlhY/s400/programa.gif)
Para iniciar a captura da cor de um pixel na tela basta clicar no botão "Color Picker" e em seguida clicar com o mouse em cima de um pixel da cor desejada:
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPacXnGCMDr3ixJVURS8v3xXz40K82CVbEdY5tt_8J-ysLOUSWFQ-lpOLz15pWXmGy3b1AVb_Yqpgajol4njR2hCpBGrjApjfImtP7uULxU0M2Ni7Nyl_fRQryXR31nsVw_pSIbglAKVU/s400/imagem.gif)
Bem, por esta imagem não dá para ver, mas o mouse se encontra exatamente onde na janela do programa tem um pixel com as bordas brancas. Outra vantagem é que ele funciona como uma lupa, e você consegue diferenciar todos os tons de determinada imagem. Ao clicar no pixel, ele volta para a tela inicial informando o código da imagem desejada em 3 formatos: Número decimal, Hexadecimal e RGB.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkAnQyx92MwtQaj-uhCNTQa_J4hUFnaVrt9FJxrliL9TnEocI_J9KeMXnr2Q-HjzhweOLOO0X4lefFj-K9gAV9inv8OmgafKcoRcXEWs-LzrKZs9KN9Tj-ptAIOkefIvKZogEy0KF9iqM/s400/resultado.gif)
Para copiar o código basta clicar em "Copy to Clipboard" ao lado do código desejado. Em seguida é só dar um ctrl + v onde desejar incluir o código. As outras funções que existem são o de "Large Escale" que se estiver marcado a lupa ampliará ainda mais o tamanho dos pixels, e a seleção da Skin do programa ( altamente descartável ).
It´s all folks.
Muito boa essa dica! :)
ResponderExcluirQuando bancaremos detetives de novo? E melhores, né? Afinal, de 6, ninguém conseguiu... hauhauhau
Beijocas
:*
Ótima dica! Vai me ajudar bastante.
ResponderExcluirAbraços.
Valeu, mano!!!
ResponderExcluirSerá muito útil.
Eu só não achei o programa pra baixar. Se eu digitar Color Picker no baixaki ou no Superdownloads vem outros homônimos...
ResponderExcluir