Seletor de cores de imagem
Escolha pixels e copie HEX, RGB, HSL ou variáveis CSS.
- Grátis
- Sem cadastro
- No seu dispositivo
Como funciona
Escolha arquivos do dispositivo, arraste-os ou cole uma imagem.
Passe o mouse para ver a cor e clique para salvar. No teclado, use as setas (Shift move 10 pixels) e Enter.
Baixe o resultado ou copie as cores sem cadastro nem pagamento.
Quando usar
Cores da marca
Descubra o valor HEX exato de um logotipo ou de uma foto de produto para manter seus designs consistentes.
Paletas a partir de referências
Extraia as cores dominantes de uma foto ou obra de arte como ponto de partida para uma paleta.
Do design ao código
Copie as cores como variáveis CSS ou como trecho de configuração do Tailwind direto para o seu projeto.
Resultados e limites
Consulte cores Web com transparência. A lupa ajuda a selecionar detalhes e pode guardar dez cores distintas. Copie valores ou baixe variáveis CSS num arquivo de texto. A cor corresponde à imagem decodificada no navegador, não a uma medição calibrada para impressão.
Os limites aplicam-se à entrada e saída. Animações não são suportadas. Os arquivos ficam apenas na memória e desaparecem ao recarregar. No celular, use lotes pequenos.
Perguntas frequentes
Como pegar o código HEX de uma cor em uma imagem?
Envie a imagem, passe o mouse para ver a prévia de qualquer pixel na lupa e clique para salvá-lo. Os valores HEX, RGB, HSL e OKLCH aparecem ao lado da imagem; clique em um valor para copiá-lo.
Como as cores dominantes são identificadas?
A ferramenta analisa uma cópia reduzida da sua imagem e agrupa cores parecidas com um algoritmo median cut, ordenando-as pela área da imagem que ocupam. Pixels transparentes são ignorados.
Posso escolher uma cor fora da imagem?
No Chrome, no Edge e em outros navegadores compatíveis com a EyeDropper API, use “Escolher da tela” para capturar qualquer pixel da sua tela.
Por que uma cor pode ficar um pouco diferente do meu arquivo de design?
Imagens com perfis de cor de gama ampla, como Display P3, são convertidas para sRGB para a web. Os valores correspondem ao que os navegadores exibem, o que pode ser diferente do perfil original em softwares de impressão ou design.
As imagens são enviadas?
Não. O navegador processa os arquivos sem os enviar à Codia. Recarregar ou sair apaga o trabalho. As estatísticas autorizadas nunca incluem imagens ou nomes de arquivos.
Posso processar vários arquivos?
Um JPG, PNG ou WebP de cada vez. Até 20 MiB e 12 MP.
A qualidade e os metadados são preservados?
Depende da operação. A compressão com perdas altera pixels e JPG elimina a transparência. A saída destina-se a imagens Web de 8 bits; não é garantida a preservação de EXIF, HDR, perfis originais ou 16 bits. Verifique o resultado.
Ferramentas relacionadas
Compressor de imagens online
Reduza o tamanho de JPG, PNG e WebP mantendo o formato.
Abrir ferramenta →PNGCompressor PNG online
Comprima capturas e gráficos PNG preservando o fundo transparente.
Abrir ferramenta →JPG · PNG · WEBPComprimir imagem para 100KB
Ajuste a qualidade e as dimensões para cumprir um limite de envio.
Abrir ferramenta →WEBP → PNGConverter WebP para PNG
Converta WebP estático em PNG com transparência.
Abrir ferramenta →PNG · WEBP → JPGConverter PNG para JPG
Converta PNG em JPG e escolha o fundo das áreas transparentes.
Abrir ferramenta →JPG · PNG · WEBPRedimensionar imagens online
Altere dimensões em pixels ou porcentagem sem deformar a imagem.
Abrir ferramenta →SVG → PNGConverter SVG para PNG
Exporte SVG autossuficientes para PNG a 1×, 2×, 4× ou largura personalizada.
Abrir ferramenta →