Quão preciso é este seletor de cores de imagem?

A ferramenta lê dados brutos de pixel em resolução total. Para precisão de pixel único, use as teclas de seta para mover um pixel por vez (segure Shift por dez) e pressione Enter para escolher.

Quais formatos de imagem funcionam com o seletor de cores?

Qualquer formato que seu navegador possa exibir: JPG, PNG, WebP, GIF, AVIF, BMP, HEIC e SVG funcionam neste seletor de cores de imagem quando seu navegador os suporta.

Gratuito · Somente navegador · Sem upload

Seletor de cores de imagem HEX · RGB · HSL · CMYK

Este seletor de cores de imagem gratuito permite fazer upload ou colar uma imagem, passar o mouse para ampliar e clicar em qualquer pixel para copiar códigos de cores exatos - processados inteiramente em seu dispositivo.

Amostragem perfeita de pixelsVisualização da lupaNenhum upload do servidorExtração de paleta

Seletor de cores da imagem – coloque uma foto abaixo

Carregue ou cole sua imagem

Solte um arquivo aqui, escolha uma imagem ou cole uma captura de tela com Ctrl+V / Cmd+V

Dica: copie uma imagem e pressione Ctrl+V ou Cmd+V em qualquer lugar desta página

Código de cores

Nenhuma cor selecionada

Faça upload de uma imagem e clique em um pixel

Escolhas recentes

Suas escolhas de cores recentes aparecerão aqui.

Seletor de cores de imagem online gratuito para HEX, RGB, HSL e CMYK

Um seletor de cores de imagem ajuda designers, desenvolvedores e profissionais de marketing a obter valores exatos de cores de qualquer foto sem instalar software de desktop. Este seletor de cores de imagem gratuito é executado inteiramente em seu navegador: carregue uma captura de tela, recurso de marca ou foto de referência e clique em qualquer pixel para copiar códigos HEX, RGB, HSL ou CMYK instantaneamente. Ao contrário dos conta-gotas baseados em servidor, seus arquivos nunca saem do dispositivo – ideal para modelos confidenciais, entregas de clientes e amostras rápidas de painéis de humor. Se você precisa de um logotipo azul de uma captura de site, um tom de tecido de uma foto de produto ou interrupções de gradiente de uma captura de tela da interface do usuário, uma sessão de seleção de cores de imagem fornece valores perfeitos de pixel, além de uma paleta automática de seis cores extraída do mesmo arquivo.

How to use

Carregue sua imagem no seletor de cores

Arraste e solte, navegue pelos seus arquivos, cole da área de transferência ou experimente a imagem de exemplo na ferramenta acima. O seletor de cores da imagem lê o arquivo na memória – não há etapa de upload para a nuvem. JPG, PNG, WebP, GIF, AVIF e HEIC são suportados quando seu navegador pode decodificá-los.

Passe o mouse e clique para escolher uma cor

Mova o cursor sobre a foto para ver uma grade de pixels ampliada. Clique no pixel exato desejado e o seletor de cores da imagem bloqueará os valores HEX, RGB, HSL e CMYK no painel. Use as teclas de seta para precisão de um pixel e pressione Enter para confirmar.

Copie o código de cores

Cada formato possui um botão de cópia com um clique – cole em CSS, Figma, Canva ou imprima especificações. As escolhas recentes permanecem na barra lateral para que você possa comparar amostras da mesma sessão de seletor de cores de imagem sem clicar novamente.

Por que usar este seletor de cores de imagem gratuito?

Localizador de código de cores privado

Sua imagem permanece no seu dispositivo. Este seletor de cores de imagem é seguro para capturas de tela de clientes, designs não lançados e modelos internos onde o upload para um servidor de terceiros não é uma opção.

Lupa para bordas finas

Uma lente de zoom segue o cursor para que você possa atingir texto suavizado, bordas de 1px e paradas de gradiente. O seletor de cores da imagem mostra dados de pixel de resolução total, não uma visualização em escala borrada.

Todos os formatos de uma vez

Um clique fornece HEX, RGB, HSL e CMYK – cada um com um botão de cópia para CSS, ferramentas de design ou transferências de impressão. Não é necessário alternar guias ou converter valores manualmente depois de escolher uma cor de uma imagem.

Paleta instantânea da sua foto

Seis amostras dominantes são extraídas automaticamente quando uma imagem é carregada. Clique em qualquer amostra para carregá-la no painel de cores e crie um esquema de correspondência mais rápido do que amostrar um pixel por vez.

Quando usar um seletor de cores de imagem

Seletor de cores de imagem para web e design de interface do usuário

Combine o botão azul de um concorrente em uma captura de tela, pegue os neutros de um painel de referência ou copie paradas de gradiente para variáveis CSS. Um seletor de cores de imagem economiza tempo em vez de adivinhar valores hexadecimais em um aplicativo separado.

Seletor de cores de imagem para marca e marketing

Extraia as cores exatas do logotipo de exportações de PDF, postagens sociais ou fotografias de eventos. Mantenha as diretrizes da marca precisas ao reconstruir ativos ou ampliar uma paleta para campanhas.

Seletor de cores de imagem para desenvolvedores

Amostras de cores de maquetes ou capturas de tela de produção ao implementar designs. Copie RGB ou HEX diretamente em sua folha de estilo sem abrir um arquivo de design.

Seletor de cores de imagem para impressão e embalagem

Obtenha valores CMYK juntamente com HEX e RGB ao coordenar produtos digitais e impressos. Útil para combinar uma referência fotográfica com especificações de tinta ou provas de embalagem.

Dicas para escolha precisa de cores de imagens

Use a lupa em pequenos detalhes

Passe o mouse antes de clicar ao amostrar linhas finas, suavização de serrilhado de texto ou bordas de ícones. O ampliador do seletor de cores da imagem mostra uma grade de 11×11 pixels para que você escolha a tonalidade pretendida, não um pixel vizinho.

Escolha o formato que seu fluxo de trabalho precisa

HEX e RGB são adequados para trabalho na Web e em aplicativos; O HSL ajuda quando você deseja ajustar a leveza do código; CMYK oferece suporte a conversas de impressão. Copie todos os quatro de uma escolha em vez de converter em outro lugar.

Comece com a paleta automática e depois refine

As amostras dominantes fornecem uma visão geral rápida da imagem. Clique em uma amostra para obter um tom base e, em seguida, use o conta-gotas nos pixels próximos para ajustar os acentos na mesma sessão do seletor de cores da imagem.

Formatos de imagem suportados para o seletor de cores

JPEG / JPG – fotos, imagens sociais e referências compactadas funcionam bem no seletor de cores de imagem.
PNG — capturas de tela e capturas de UI sem perdas; ideal quando você precisa de valores exatos de pixel de bordas nítidas.
WebP e AVIF — formatos web modernos suportados quando seu navegador pode decodificá-los.
GIF, BMP, HEIC e SVG — carrega quando suportado; HEIC de iPhone funciona na maioria dos navegadores atuais.

Toda a decodificação e amostragem acontecem localmente no seu navegador. Para ajustar o brilho depois de escolher as cores ou construir uma paleta completa para postagens sociais, consulte as ferramentas de imagem gratuitas relacionadas no link abaixo.

FAQ

Como escolho uma cor de uma imagem?+

Abra este seletor de cores de imagem, solte ou cole uma imagem, mova o cursor sobre a foto para ver uma visualização de pixel ampliada e clique no pixel exato desejado. Os valores HEX, RGB, HSL e CMYK aparecem instantaneamente no painel de cores.

Minhas imagens são carregadas quando uso este seletor de cores de imagem?+

Não. Tudo é executado localmente no seu navegador usando o Canvas API. Suas imagens nunca saem do seu dispositivo quando você usa este seletor de cores de imagens online.

Quais formatos de cores o seletor de cores da imagem suporta?+

Cada escolha fornece HEX (por exemplo, #E5A54B), RGB, HSL e CMYK – cada um com um botão de cópia de um clique. Você pode alternar entre formatos sem escolher o pixel novamente.

Posso extrair uma paleta de cores de uma foto?+