Drop an image here
Ready.
Palette settings
Choose how many colors to extract.
- Colors are approximate dominant colors from sampled pixels.
- Click a swatch to copy its HEX value.
- Download or copy CSS variables for design handoff.
Extracted palette
Extracted colors will appear here.
O que é este extrator de paleta de cores?
Esta ferramenta analisa uma imagem local e extrai cores dominantes aproximadas. Você pode copiar valores HEX, RGB e HSL ou exportar a paleta como variáveis CSS.
As imagens permanecem no navegador. A ferramenta não envia arquivos nem os armazena no servidor.
Recursos
- Extrai cores dominantes localmente de uma imagem
- Copia valores HEX, RGB e HSL
- Gera propriedades personalizadas de CSS
- Baixa o CSS da paleta
- Amostragem rápida sem bibliotecas de terceiros
Como usar
-
Adicione uma imagem
Selecione ou arraste uma imagem JPG, PNG ou WebP para a ferramenta.
-
Escolha a quantidade
Selecione quantas cores você quer na paleta.
-
Extraia as cores
O navegador amostra pixels e agrupa cores semelhantes.
-
Copie os valores
Clique nas amostras ou copie as variáveis CSS geradas.
Perguntas frequentes
As imagens são enviadas?
Não. A amostragem de pixels acontece na aba do navegador.
As cores são exatas?
São cores dominantes aproximadas com base nos pixels amostrados.
Posso usar o CSS em um projeto?
Sim. Copie ou baixe as variáveis CSS geradas.
Por que pixels transparentes são ignorados?
Pixels transparentes não contribuem com cor visível, por isso são ignorados.