ImageProBox
Ferramentas

Seletor de Cores

Extrair Cores

Selecione ou solte a imagem

PNG, JPG, WebP, SVG até 20MB

Seletor de Cores de Imagem e Extrator de Paleta: Códigos HEX, RGB e HSL

Extraia códigos de cores exatos e gere paletas de cores harmônicas de qualquer imagem com o Seletor de Cores de Imagem (Image Color Picker) do ImageProBox. Desenvolvido para desenvolvedores web, designers gráficos e criadores, nossa ferramenta oferece uma lupa interativa de pixels para inspecionar cores em tempo real.

Visualize instantaneamente valores nos formatos HEX, RGB, HSL, HSV e CMYK com cópia em 1 clique, e extraia automaticamente a paleta de cores dominantes para exportar como variáveis CSS ou JSON.

Principais Benefícios

  • Lupa de Pixels Interativa: Visualização ampliada precisa para selecionar a cor exata de cada pixel.
  • Formatos de Cores Completos: Conversão instantânea entre códigos HEX, RGB, HSL, HSV/HSB e CMYK.
  • Extração Automática de Paleta: Identifica automaticamente até 8 cores dominantes de qualquer imagem enviada.
  • Exportação em 1 Clique: Copie códigos individuais, variáveis CSS (--color-1) ou arrays JSON.
  • Processamento 100% Local: Suas imagens são analisadas diretamente no navegador, sem envio para servidores.

Como Usar

  1. Carregar Imagem: Arraste qualquer foto, logotipo ou interface para o seletor de cores.
  2. Passar o Cursor e Clicar: Mova a lupa sobre a imagem e clique ou toque em qualquer pixel para capturar sua cor.
  3. Copiar Código da Cor: Clique em qualquer formato (HEX, RGB, HSL, HSV, CMYK) para copiar o valor exato.
  4. Exportar Paleta: Copie as cores dominantes extraídas como variáveis CSS ou JSON com um clique.

Perguntas Frequentes

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

Basta enviar a imagem e clicar ou tocar no ponto desejado. O código HEX e os formatos RGB, HSL, HSV e CMYK serão exibidos e copiados instantaneamente.

Minhas imagens são enviadas para um servidor para extrair as cores?

Não. Toda a leitura de pixels e extração de paleta acontece 100% localmente na memória do seu navegador.

Processamento de Imagem no Navegador

Esta ferramenta processa sua imagem localmente na memória do seu navegador usando HTML5 Canvas ou WebAssembly, sem envio aos servidores do ImageProBox.