Ir para o conteúdo
snowkitDesign

Extraia uma paleta de cores de qualquer imagem

Escolha quantas cores você quer e exporte a paleta para CSS, design tokens, GIMP ou apps da Adobe.

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