Seletor de cores e paleta da imagem
Extraia as cores principais de uma foto como códigos de cor e veja a cor de qualquer pixel
Carregando a ferramenta…
Encontra as cores principais de uma imagem e as mostra em códigos HEX, RGB e HSL, e dá o código de qualquer ponto em que você tocar. Use-o para tirar cores de uma foto para um design ou para conferir a cor de um logo.
Como usar
- Solte uma imagem na caixa ou clique para escolher uma.
- “Cores principais” lista as cores mais usadas e a proporção de cada uma. Experimente outro “Número de cores” (de 5 a 10) ou outro “Método”.
- Toque ou arraste sobre a imagem para ver a cor daquele ponto em “Cor capturada”. Dá para aumentar o zoom antes, e a “Área de captura” pode tirar a média dos pixels próximos.
- Toque em um código para copiá-lo. Para a paleta inteira, use “Copiar como variáveis CSS”, “Copiar como JSON” ou “Salvar como PNG”.
Como funciona
- As cores principais são encontradas em uma cópia reduzida a no máximo 256 pixels no lado maior. Pixels transparentes não são contados.
- O median cut divide repetidamente o grupo com a maior dispersão de cores no seu valor mediano; o k-means recalcula repetidamente o centro de cada grupo. O k-means demora um pouco mais.
- As últimas 30 cores capturadas ficam guardadas neste navegador, neste dispositivo. A imagem não é enviada.
Perguntas frequentes
- Como pegar o código de uma cor de uma imagem?
- Abra a imagem e toque no ponto desejado. Os códigos HEX, RGB e HSL aparecem em “Cor capturada”; toque em um código para copiá-lo.
- Qual a diferença entre HEX e RGB?
- São duas formas de escrever a mesma cor. O RGB dá o vermelho, o verde e o azul como números de 0 a 255, e o HEX escreve os mesmos três valores com dois dígitos hexadecimais cada. rgb(255, 0, 0) é #FF0000.
- Por que a cor capturada é um pouco diferente do que eu vejo?
- Pixels vizinhos em uma foto costumam ser um pouco diferentes. Defina a “Área de captura” como a média de 3 × 3 ou 5 × 5 pixels para ter um valor mais estável.
- Dá para capturar uma cor de fora desta página?
- Só em navegadores que oferecem suporte. Neles, aparece um botão “Capturar de qualquer ponto da tela” que permite capturar qualquer ponto da tela.