Ir para a ferramenta

InícioGuias práticos

Como obter o código de cor HEX de uma imagem

Resposta rápida

Para obter o código HEX de uma cor de uma imagem, solte-a no Seletor de cores de uma imagem, passe o mouse sobre ela para ver a cor em prévia e clique para escolhê-la. Os códigos HEX, RGB e HSL aparecem, cada um com um botão "Copy".

Abrir Seletor de cores de uma imagem

Passo a passo

  1. Abra o Seletor de cores de uma imagem a partir de uma ferramenta de imagem e solte uma imagem.
  2. Passe o mouse sobre a imagem para ver em prévia a cor sob o ponteiro.
  3. Clique ou toque para escolhê-la e depois clique em "Copy" ao lado do código de que você precisa.
  4. Escolha quantas cores quiser. As últimas dez ficam abaixo para você poder voltar a elas.

HEX, RGB e HSL

São três formas de escrever a mesma cor. HEX é o código curto usado em páginas da web, como #1E90FF. RGB dá as quantidades de vermelho, verde e azul de 0 a 255, e HSL dá matiz, saturação e luminosidade, que é mais fácil de ajustar à mão.

O painel mostra os três, então você pode colar o que a sua ferramenta de design ou folha de estilo quiser.

Como obter uma cor confiável

Uma foto é feita de milhões de pixels levemente diferentes, então dois pontos que parecem iguais podem diferir em alguns passos. Clique em alguns lugares, ou use a ferramenta de paleta para achar as cores principais.

Sem mouse, clique na imagem uma vez e depois use as setas para mover e Enter para escolher. Se um pixel for transparente, a página avisa, porque o que você vê na tela também depende do que está atrás dele.

Perguntas frequentes

Como encontrar o código HEX de uma cor em uma imagem?

Solte a imagem, clique na cor e copie o código HEX que aparece.

Por que pixels vizinhos dão códigos diferentes?

As fotos têm pequenas variações. Clique em alguns pontos ou use a ferramenta de paleta para ver as cores principais.

Minha imagem é enviada?

Não. A cor é lida no seu navegador.

Escrito pela Basic App Company. Última conferência com a ferramenta em 12 de novembro de 2026. A ferramenta funciona no seu navegador, então suas imagens não são enviadas.

Todos os guias práticos