Ir para o conteúdo
snowkitDesign

Obtenha a cor de qualquer pixel de uma imagem

Abra uma foto ou captura de tela, toque na cor que você quer e copie o valor HEX, RGB ou HSL.

Seletor de cores

Solte uma imagem aqui JPG, PNG, WebP, GIF ou SVG. Você também pode colar uma captura de tela com Ctrl+V.

Abra uma imagem e clique em qualquer lugar dela para escolher uma cor

Uma lupa de zoom facilita acertar pequenos detalhes, e as cores principais da imagem são extraídas como uma paleta que você pode copiar ou exportar. Encontre a cor exata de qualquer coisa em uma imagem, grátis e privado.

Como escolher uma cor de uma imagem

  1. Toque em Abrir uma imagem.
  2. Passe sobre a imagem e clique ou toque para escolher uma cor. Use Tamanho da amostra para fazer a média de 1 pixel, 3 × 3 ou 5 × 5 pixels.
  3. Leia o valor em HEX, RGB ou HSL e toque em Copiar.
  4. Suas escolhas ficam reunidas em Suas escolhas.
  5. Escolha Cores principais ou Distribuição uniforme para uma paleta automática e defina quantas Cores você quer.
  6. Se a paleta não ficou certa, trave as cores de que gosta, remova as outras e toque em Escolher de novo o resto. Adicionar da imagem coloca na paleta qualquer cor em que você clicar.
  7. Em Exportar, escolha Paleta, CSS, JSON, GIMP ou Adobe e toque em Baixar paleta.

Cores exatas de qualquer imagem

Mova sobre a imagem e a lupa mostra os pixels sob o ponteiro, ampliados, com o que você vai escolher no centro. Clique ou toque para escolhê-lo. Em um celular, arraste o dedo e levante-o na cor que você quer; a lupa fica acima do dedo para você ver o que está embaixo. Com um teclado, foque a imagem e use as setas, segurando Shift para ir mais rápido, e pressione Enter.

Uma paleta em um passo

Cores principais agrupa pixels parecidos e lista as cores que cobrem mais da imagem, o que serve para fotos e imagens de marca. Distribuição uniforme divide toda a faixa de cores em grupos iguais, então pequenos destaques como a marca de um logotipo ou a cor de um botão têm mais chance de ganhar a própria amostra. Escolha quantas cores você quer; cada amostra mostra quanto da imagem ela cobre.

Pronto para as suas ferramentas de design

Copie um único valor como HEX, RGB ou HSL para CSS ou exporte a paleta inteira como propriedades personalizadas CSS, JSON para código e design tokens, uma paleta GIMP que o Inkscape e o Krita também leem ou um arquivo Adobe Swatch Exchange para Photoshop e Illustrator. As imagens são lidas pelo seu navegador e nunca enviadas.

Dicas para cores precisas

  • Use um tamanho de amostra maior em fotos, já que pixels isolados podem ter ruído.
  • Use 1 pixel para logotipos chapados, ícones e capturas de tela, onde você quer o valor exato.
  • Lembre-se de que as cores de uma foto dependem da iluminação e da câmera, então podem não corresponder ao objeto real.
  • Use o conversor de cores para conferir o contraste e passar entre formatos.

Usos comuns

Combinar um site ou slide com um logotipo, montar uma paleta de cores a partir de uma foto, escolher cores de tinta ou tecido e copiar a cor exata de uma captura de tela. Designers, estudantes e donos de pequenas empresas usam todo dia.

Perguntas

Minha imagem é enviada?

Não. Ela é lida no seu navegador.

Quais tipos de imagem funcionam?

Qualquer imagem que seu navegador consiga abrir, incluindo PNG, JPG, WebP, GIF e SVG.

Qual formato de paleta devo usar?

Use CSS para sites, JSON para código, GIMP para programas de design gratuitos e Adobe para Photoshop e Illustrator.

Para onde ir agora

Continue com o que você acabou de criar, ainda no seu dispositivo.

Mais do Snowkit