Localizador de cor de imagem · HEX · RGB · HSL
Localizador de Cores — encontre qualquer cor
em qualquer imagem.
Use como seletor de cor de imagem ou localizador de cor hex: solte uma imagem, escolha qualquer pixel com uma lupa de ampliação e copie os códigos exatos HEX, RGB e HSL. Extraia a paleta completa, encontre cores complementares, verifique o contraste e exporte código pronto para produção — tudo no seu navegador.
O seletor
Escolha cores de uma imagem
Clique em qualquer pixel para ler sua cor exata. Use a lupa para precisão ou acione o conta-gotas do sistema.
Cores da imagem
Da mais à menos dominanteO kit de ferramentas
Tudo o que você precisa para trabalhar com cores
Uma suíte de cores completa e privada: escolha em imagens, extraia paletas, converta formatos, verifique acessibilidade e crie gradientes.
Seletor de Cor de Imagem
Envie, cole ou link uma imagem e escolha qualquer pixel com uma lupa de ampliação. Todos os formatos, um clique para copiar.
Gerador de Paletas
Extraia a paleta de cores dominantes de qualquer imagem com percentuais de cobertura e exporte para CSS, Tailwind ou JSON.
Conversor de Cores
Converta entre HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB com pré-visualizações ao vivo e valores copiáveis.
Verificador de Contraste
Verifique o contraste WCAG AA e AAA com sugestões automáticas, além de um simulador de daltonismo.
Criador de Gradientes
Componha gradientes CSS lineares, radiais e cônicos a partir da sua paleta e exporte código limpo e copiável.
Cores Nomeadas
Explore milhares de cores nomeadas por família e brilho, com códigos prontos para copiar.
Por que é melhor
Feito para quem realmente entrega cor
Lupa com precisão de pixel
Uma lupa segue o cursor mostrando o pixel exato com leitura HEX ao vivo, para você nunca mais adivinhar uma cor.
Extração real de paleta
A quantização por corte mediano encontra as verdadeiras cores dominantes com percentuais de cobertura — não um conjunto fixo de amostras.
Exporte para qualquer lugar
Copie variáveis CSS, um @theme do Tailwind, SCSS, JSON, uma folha SVG ou um PNG — em um clique.
Acessibilidade integrada
Cada cor mostra seu contraste WCAG em relação ao branco e ao preto, com um verificador completo e simulador de daltonismo.
Todos os formatos
HEX, RGB, HSL, HSV, CMYK e os modernos OKLCH e LAB — todos convertidos instantaneamente e prontos para copiar.
Privado por padrão
Suas imagens são processadas inteiramente no navegador com a Canvas API. Nada é enviado.
Como funciona
Três passos da imagem ao código
Sem contas, sem limites, sem marcas d’água. Carregue uma imagem e você está a segundos de uma cor.
- 01
Adicione sua imagem
Solte um arquivo, cole da área de transferência ou cole a URL de uma imagem. Nada sai do seu dispositivo.
- 02
Escolha ou extraia
Clique nos pixels com a lupa, use o conta-gotas do sistema ou extraia a paleta dominante automaticamente.
- 03
Copie ou exporte
Pegue qualquer formato ou exporte a paleta inteira como CSS, Tailwind, SCSS, JSON, SVG ou PNG.
Guia do Localizador de Cores
Localizador de cores online grátis — escolha, extraia e copie qualquer cor
O AI Color Finder é um localizador de cores online grátis que transforma qualquer imagem em cores precisas e prontas para copiar. Solte uma foto, captura de tela ou mockup de design, clique no pixel exato que você quer e a ferramenta retorna instantaneamente seu código em HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB. Não há cadastro, upload de arquivo nem marca d’água — todos os cálculos rodam dentro do seu navegador, então suas imagens nunca saem do seu dispositivo. Se você precisa de um rápido seletor de cor hex ou de uma paleta completa extraída de uma captura de tela, está tudo aqui, em um só lugar, e é totalmente grátis.
O que é um localizador de cores?
Um localizador de cores é qualquer ferramenta que identifica a cor exata de um ponto na tela ou dentro de uma imagem e a expressa como um código reutilizável. Em vez de adivinhar qual tom de azul está atrás de um botão, você o amostra e lê o valor preciso. Um bom localizador de cores faz três coisas: seleciona o pixel correto, converte esse pixel nos formatos de cor comuns e dá acesso com um clique ao código para você inseri-lo direto no CSS, Figma, Tailwind ou numa especificação de design. O AI Color Finder faz as três, e ainda adiciona extração de paleta, verificação de contraste e criação de gradientes.
Seletor de cor a partir de imagem — como a seleção funciona
O seletor de cores é o coração da ferramenta. Envie um arquivo, cole da área de transferência, solte uma imagem sobre a área ou cole a URL de uma imagem, e ela carrega direto num canvas HTML. Passe o mouse em qualquer lugar e uma lupa de ampliação segue o cursor, mostrando o pixel sob ela ampliado 9× com leitura HEX ao vivo — assim você nunca lê errado uma borda com suavização. Clique para fixar a cor e a barra lateral se preenche com todos os formatos de uma vez. Se o seu navegador suporta a API EyeDropper nativa, um botão de conta-gotas amostra cores de qualquer lugar da sua tela, até fora da página. Como seletor de cor de imagem, localizador de cor de imagem e localizador de cor a partir de imagem, ele lê PNG, JPG, WebP, GIF e SVG com igual facilidade.
Seletor de cor hex e localizador de código hex
A maioria dos designers vive em HEX, então o seletor de cor hex fica em destaque. Cada pixel selecionado é mostrado como um código HEX de seis dígitos, como #0070F3, e você pode copiá-lo com um único clique. Como localizador de cor hex e localizador de código hex, a ferramenta também lê a entrada HEX: cole um valor como #ff0080 e ela o decompõe em RGB, HSL e o resto. Como HEX é apenas uma forma mais curta de escrever vermelho, verde e azul — cada par de dígitos vai de 00 a FF — converter entre HEX e RGB é instantâneo e sem perdas, e a ferramenta nunca arredonda sua cor.
Localizador de cor RGB e localizador de código de cor
O localizador de cor RGB mostra a mesma cor como canais de vermelho, verde e azul numa escala de 0–255, que é exatamente o que você precisa quando está escrevendo código em vez de projetar numa interface. Junto com o RGB você obtém HSL, HSV, CMYK, OKLCH e LAB, então a ferramenta funciona como um completo localizador de código de cor para impressão, web, acessibilidade e CSS moderno. OKLCH e LAB são perceptualmente uniformes, o que os torna ideais para construir tons, variações e temas consistentes. Cada valor se atualiza no momento em que você move o cursor, e cada um tem seu próprio botão de cópia, para você pegar o formato que seu projeto precisa sem nenhum cálculo manual.
Localizador de cores complementares
Escolher uma única cor é só metade do trabalho; a outra metade é encontrar cores que funcionem com ela. O localizador de cores complementares ajuda você a construir harmonias em torno de qualquer cor escolhida — sua complementar no lado oposto do círculo cromático, além de análogas e outros tons relacionados. Combine-o com o verificador de contraste para confirmar que seu texto e fundo atendem ao WCAG AA ou AAA, e com o gerador de paletas para expandir uma cor numa esquema completo e equilibrado. Na prática, isso significa que você pode amostrar uma cor de marca de um logo, encontrar sua complementar, verificar o contraste e exportar o conjunto inteiro como variáveis CSS em menos de um minuto.
Localizador de cores Pantone e cores nomeadas
Às vezes você precisa que uma cor tenha um nome. A ferramenta associa cada cor escolhida à sua cor CSS nomeada mais próxima e dá a ela um nome descritivo e legível baseado em matiz, luminosidade e saturação — útil quando você quer falar de "Azul Cobalto Profundo" em vez de #1E3A8A. Se você procura um localizador de cores Pantone, nossa biblioteca de cores nomeadas é uma forma aberta e sem pressão de explorar milhares de amostras por família e brilho e copiar o código mais próximo. Não é um substituto oficial do Pantone, mas é uma referência rápida e gratuita para encontrar e compartilhar cores reconhecíveis.
Extraia a paleta de qualquer imagem
Além de um único pixel, o localizador de cores de imagem pode ler uma imagem inteira de uma vez. O gerador de paletas integrado executa quantização por corte mediano sobre cada pixel para revelar as verdadeiras cores dominantes, mostrando quanto da imagem cada uma cobre em vez de um conjunto fixo de suposições. A partir daí você pode exportar a paleta como propriedades personalizadas CSS, um tema Tailwind v4, variáveis SCSS, JSON, uma folha de amostras SVG ou um PNG. Fotografia, fotos de produto, capturas de tela e moodboards se transformam em sistemas de cores prontos para uso em alguns cliques.
Por que usar o AI Color Finder?
- Grátis e ilimitado — todas as ferramentas são abertas, sem conta, e-mail ou cartão de crédito.
- Privado por padrão — as imagens são processadas com a Canvas API e nunca são enviadas nem armazenadas em um servidor.
- Precisão de pixel — a lupa de ampliação e o conta-gotas do sistema garantem que você amostre a cor exata que deseja.
- Todos os formatos — HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB são convertidos instantaneamente e prontos para copiar.
- Funciona offline — depois que a página carrega, o seletor continua funcionando sem nenhuma conexão.
Se você chegou procurando por um seletor de cores, um localizador de cor hex, um seletor de cor de imagem ou um completo localizador de cor a partir de imagem, tudo vive nesta única página. Carregue uma imagem, escolha uma cor e copie o código — sem conta, sem custo, sem uploads. Adicione o localizador de cores aos favoritos e mantenha-o ao lado do seu editor.
FAQ
Perguntas frequentes
Como faço para escolher uma cor de uma imagem?
Solte uma imagem sobre o seletor, cole da área de transferência ou cole a URL de uma imagem. Clique ou arraste em qualquer lugar da imagem e uma lupa de ampliação mostra o pixel exato sob o cursor com seu valor HEX ao vivo. Solte para salvar a cor.
O que é um código de cor HEX?
Um código HEX é um número hexadecimal de seis dígitos que armazena os canais de vermelho, verde e azul após um # inicial (por exemplo, #0070F3). Cada par de dígitos vai de 00 (nenhum) a FF (total), cobrindo as mesmas 16,7 milhões de cores que o RGB numa notação mais curta.
Minha imagem é enviada para um servidor?
Não. Tudo roda no seu navegador usando a HTML Canvas API. Sua imagem nunca sai do seu dispositivo, então ela permanece privada e a ferramenta funciona até offline depois de carregada.
Quais formatos de cor são suportados?
Cada cor escolhida ou extraída é mostrada em HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB. Você pode copiar qualquer um deles individualmente ou exportar uma paleta inteira de uma vez.
Posso extrair a paleta de cores completa de uma imagem?
Sim. O Gerador de Paletas executa uma quantização por corte mediano sobre a imagem para encontrar as cores dominantes, mostra quanto da imagem cada cor cobre e permite exportar a paleta como variáveis CSS, um tema Tailwind, SCSS, JSON, SVG ou uma folha de amostras PNG.
O AI Color Finder é grátis?
Sim, todas as ferramentas são grátis e não exigem conta, e-mail nem cartão de crédito. Não há anúncios injetados nas ferramentas nem limites de uso.
Como uso o Localizador de Cores?
Carregue uma imagem no seletor soltando um arquivo sobre ele, colando da área de transferência, escolhendo um arquivo ou colando a URL de uma imagem, depois mova o cursor sobre a imagem. Uma lupa de ampliação segue o ponteiro e mostra o pixel exato embaixo com seu valor HEX ao vivo. Clique num pixel para fixar a cor, e a barra lateral se preenche com os valores HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB, cada um com um botão de cópia em um clique.
Como usar o localizador de cores verdadeiras
Um localizador de cores verdadeiras informa a cor realmente armazenada numa imagem em vez de uma aproximação. O AI Color Finder lê os dados brutos do pixel diretamente do HTML Canvas, então os valores HEX e RGB que ele retorna são os valores exatos de 8 bits no arquivo, sem adivinhação e sem compressão de servidor. Amostre uma área sólida com a lupa para evitar bordas com suavização e você obterá a cor verdadeira sempre.
Como mudar a cor de fundo do localizador
O fundo do seletor segue o tema da página. Use o botão de tema na navegação superior para alternar entre claro e escuro, o que muda a superfície atrás da pré-visualização da imagem. Para mudar o fundo de um design ou paleta que você está criando, copie o valor HEX ou RGB de qualquer cor e aplique-o no seu CSS, Figma ou Tailwind como fundo.
Qual é a melhor ferramenta de seletor de cores online?
O melhor seletor de cores online é rápido, preciso e privado. O AI Color Finder é um seletor de cores grátis baseado no navegador que amostra pixels de qualquer imagem enviada com uma lupa de ampliação de 9x, suporta o EyeDropper do sistema e converte para HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB sem nunca enviar suas imagens. Ele também extrai paletas completas, verifica o contraste WCAG e cria gradientes, então você não precisa de várias ferramentas separadas.
Como usar o seletor de cores
Abra o seletor de cores, adicione uma imagem e passe o mouse sobre a área que deseja amostrar. A lupa mostra o pixel sob o cursor e seu código ao vivo, e você clica para selecioná-lo. Todos os formatos aparecem na barra lateral com um botão de cópia, e você pode fixar favoritos numa paleta ou usar o conta-gotas para escolher cores de qualquer lugar da sua tela.
A IA consegue identificar cores?
Sim. O AI Color Finder identifica cores automaticamente lendo os dados brutos dos pixels de uma imagem e analisando o arquivo inteiro para encontrar suas cores dominantes. Ele informa valores exatos como HEX e RGB para qualquer pixel que você apontar, e seu motor de paletas usa quantização de cores para revelar as cores mais representativas numa foto, captura de tela ou logo, tudo instantaneamente e sem uploads.
Como identifico uma cor?
Para identificar uma cor, amostre o pixel e leia seu código. Envie ou cole uma imagem no localizador de cores, mova a lupa sobre o ponto exato e clique para ver seus valores HEX, RGB, HSL e outros. Se a cor estiver na sua tela, use o conta-gotas para capturá-la diretamente. Para uma imagem inteira, abra o gerador de paletas para identificar as cores dominantes de uma vez.
Como posso encontrar cores a partir de uma imagem?
Solte a imagem no localizador de cores e clique em pixels individuais para ler seus códigos exatos ou abra o gerador de paletas para extrair as cores dominantes automaticamente. A visualização da paleta mostra quanto da imagem cada cor cobre e permite exportar o conjunto como CSS, Tailwind, SCSS, JSON, SVG ou PNG.
Qual é o melhor aplicativo detector de cores?
O melhor detector de cores é aquele que funciona em todos os lugares sem instalar nada. O AI Color Finder roda no seu navegador em desktop e celular, detecta cores de imagens e da sua tela pela API EyeDropper, e é totalmente grátis sem cadastro. Como todo o processamento acontece no seu dispositivo, também é a opção mais privada.
Como detectamos cores?
As cores são detectadas lendo os valores de vermelho, verde e azul de pixels individuais em imagens digitais. Um localizador de cores carrega a imagem num canvas, amostra o pixel sob o cursor e converte esses valores RGB em HEX, HSL e outros formatos. Ferramentas de paleta vão além e analisam cada pixel para agrupar tons semelhantes nas cores dominantes da imagem.
Como escolher a cor de uma imagem?
Envie ou cole sua imagem no seletor de cores e clique no pixel exato que você quer. A lupa de ampliação dá zoom para você mirar o ponto certo, e no momento em que você clica na cor seus valores HEX, RGB, HSL, HSV, CMYK, OKLCH e LAB aparecem prontos para copiar.
Que cor é 999999?
#999999 é um cinza médio formado por valores iguais de vermelho, verde e azul de 153 cada. Em HSL é um cinza neutro com 0% de saturação e cerca de 60% de luminosidade. É uma escolha comum para texto suave, bordas e estados desabilitados, e atinge cerca de 2,85:1 em relação ao branco, o que reprova no WCAG AA para texto de corpo.
Como verificar um seletor de cores?
Para verificar um seletor de cores, carregue uma cor conhecida e confirme o valor que ele retorna. Cole uma imagem de teste ou insira um código HEX como #0070F3 no conversor de cores e veja se as leituras de RGB, HSL e outras correspondem ao esperado. No AI Color Finder você também pode fixar cores para compará-las lado a lado e verificar os códigos exatos antes de copiar.
Que cor é 00001?
00001 não é um código HEX válido de seis dígitos, porque as cores HEX usam exatamente seis dígitos após o sinal # e 00001 tem apenas cinco. Se você quis dizer #000001, é muito próximo do preto puro com o mais leve toque de azul, enquanto #000011 é um azul-marinho quase preto. Complete o valor para #000001 para obter um código válido.
Que cor é 666666?
#666666 é um cinza escuro formado por valores iguais de vermelho, verde e azul de 102 cada. Tem 0% de saturação em HSL e fica em 40% de luminosidade, resultando num tom de carvão suave. Sobre o branco atinge cerca de 5,74:1 de contraste, então passa no WCAG AA para texto normal.
Comece agora
Sua próxima paleta está a uma imagem de distância
Escolha cores, extraia paletas e exporte código — grátis, privado e instantâneo.