Descobrir o código de cor de uma imagem
Importe uma imagem ou cole uma captura de tela e clique num pixel: você recebe o código HEX, RGB, HSL e CMYK, pronto para copiar. A imagem fica no seu aparelho.
- Grátis
- HEX, RGB, HSL, CMYK
- Lupa com precisão de pixel
- Paleta de 6 cores
100% privado — Tudo é processado diretamente no seu navegador: seus arquivos, sua voz e sua imagem nunca são enviados aos servidores do Chatzam.
Como descobrir o código de cor de uma imagem?
-
Importe a imagem
Solte uma foto, um logo ou um layout, ou cole direto uma captura de tela.
-
Clique na cor
A lupa amplia a área sob o cursor para você acertar exatamente o pixel desejado.
-
Copie o código
Copie com um clique o formato de que precisa: HEX para a web, RGB, HSL ou CMYK.
Todas as cores de uma imagem, em código
Lupa com precisão de pixel
Mesmo num detalhe fino, no traço de um logo ou numa borda, você vê exatamente o pixel que vai capturar.
Paleta predominante
As 6 cores principais da imagem são extraídas automaticamente, para reaproveitar a identidade visual de um logo ou o clima de uma foto.
Conta-gotas na tela inteira
No Chrome e no Edge, capture uma cor em qualquer lugar da tela, até fora da página, com o conta-gotas do navegador.
Seletor e histórico
Escolha uma cor livremente, veja as conversões e encontre as cores já escolhidas no histórico, guardado neste navegador.
HEX, RGB, HSL: entender os códigos de cor
Na tela, cada cor é uma mistura de vermelho, verde e azul, cada um de 0 a 255, ou seja, 256 × 256 × 256 = 16.777.216 cores possíveis. O código RGB escreve esses valores em decimal: rgb(255, 87, 51) é um laranja vivo. O código HEX escreve os mesmos três valores em hexadecimal, com dois caracteres cada: #FF5733, porque FF = 255, 57 = 87 e 33 = 51. O HSL descreve a mesma cor de outro jeito: um matiz no círculo cromático de 0 a 360°, uma saturação e uma luminosidade em porcentagem, aqui hsl(11, 100%, 60%). O HSL é prático para criar uma variação mais clara ou mais escura mudando só a luminosidade.
CMYK para impressão
Uma impressora não mistura luz, e sim tintas: ciano, magenta, amarelo e preto (CMYK), em porcentagem. Convertido matematicamente, o laranja #FF5733 dá cerca de C 0%, M 66%, Y 80%, K 0%, e o vermelho puro #FF0000 dá C 0%, M 100%, Y 100%, K 0%. Essa conversão é teórica: o resultado real depende do papel, da impressora e do perfil de cor usado pela gráfica. Algumas cores muito vivas na tela, principalmente azuis e verdes saturados, não podem ser reproduzidas com tinta e saem mais apagadas. Para um material importante, peça uma prova de impressão ou os valores CMYK de referência do manual da marca.
Por que a cor muda de um pixel para outro
Numa foto, uma área que parece lisa é na verdade feita de pixels levemente diferentes: luz, sombras, ruído do sensor. A compressão JPEG acrescenta pequenas variações, e as bordas de textos e logos misturam a cor com o fundo para suavizar o contorno. Para obter o código certo, use a lupa e clique no centro de uma área bem uniforme, longe das bordas. Para pegar a cor de um logo, prefira um arquivo PNG em vez de um JPEG, se possível. E para ter uma visão geral de uma foto, a paleta das 6 cores predominantes costuma dizer mais do que um pixel isolado.
Perguntas frequentes
Como descobrir o código de cor de uma imagem?
Importe a imagem ou cole uma captura de tela e clique na cor desejada. O código aparece em HEX, RGB, HSL e CMYK e pode ser copiado com um clique.
Como converter um código HEX em RGB?
Divida o código em três pares e converta cada um de hexadecimal para decimal. #1E90FF dá 1E = 30, 90 = 144 e FF = 255, ou seja, rgb(30, 144, 255). A ferramenta mostra a conversão automaticamente, também em HSL e CMYK.
Qual é a diferença entre RGB e CMYK?
O RGB descreve as cores de uma tela, que mistura luz vermelha, verde e azul. O CMYK descreve as cores impressas, obtidas com tintas ciano, magenta, amarela e preta: use HEX ou RGB para a web e CMYK para impressão.
Como pegar a cor de um site ou de um aplicativo?
No Chrome ou no Edge, use o conta-gotas da tela inteira para clicar direto na cor, mesmo fora da página. Nos outros navegadores, tire uma captura de tela e cole na ferramenta.
Minha imagem é enviada para um servidor?
Não. A imagem é analisada no seu navegador e não sai do seu aparelho. O histórico de cores fica guardado só neste navegador.