Toolzi LogoToolzi

Extrator de Cores de Imagem

Envie uma imagem para extrair automaticamente suas cores principais. Copie códigos HEX, RGB ou HSL instantaneamente.

Solte sua imagem aqui ou Escolher Arquivo

Suporta JPG, PNG, WebP, GIF, BMP

Como Extrair Cores

1

Enviar Imagem

Arraste e solte um arquivo de imagem ou clique no botão de seleção.

2

Ver Códigos de Cor

Navegue pela lista de cores e alterne entre as abas HEX, RGB e HSL.

3

Copiar e Usar

Clique em qualquer código de cor para copiá-lo para a área de transferência.

O que são HEX, RGB e HSL?

HEX

HEX — Padrão Web e Design

Código de 6 dígitos #RRGGBB, amplamente usado em CSS, Figma e Photoshop.

RGB

RGB — Vermelho, Verde, Azul

Representa a cor com três valores (0–255) para vermelho, verde e azul.

HSL

HSL — Matiz, Saturação, Luminosidade

Descreve a cor por matiz (0–360°), saturação (%) e luminosidade (%). Intuitivo para ajustar cores.

Casos de Uso

Extrair cores de marca, unificar paletas para redes sociais, criar temas de UI ou escolher cores de imagens de referência.

Perguntas Frequentes

Quantas cores podem ser extraídas?
Você pode extrair até 10 cores. Escolha entre 5, 8 ou 10 com o seletor.
Por que as cores extraídas diferem ligeiramente da imagem?
O algoritmo agrupa cores similares e escolhe um representante. Isso é intencional para criar paletas limpas.
Minha imagem é enviada para um servidor?
Não. Todo o processamento ocorre no seu navegador. Sua imagem nunca é enviada a nenhum servidor.
Qual formato devo usar: HEX ou RGB?
HEX é o mais universal para CSS e ferramentas de design. Use RGB ou HSL para ajustes programáticos.
O que acontece com imagens PNG transparentes?
Áreas transparentes são tratadas como branco, o que pode afetar as cores extraídas.
Posso usar no celular?
Sim. No celular, toque no botão de seleção para escolher uma foto da galeria.

Ferramentas Relacionadas

Redimensionador de ImagemGerador de Gradiente CSS