Extrator de cores de imagens
Escolha uma imagem PNG, JPG ou WebP e extraia as cores dominantes. Use uma das cores como base da paleta. O arquivo é processado no navegador.
PNG, JPG ou WebP de até 8 MB. Os pixels são processados aqui, no navegador.
Escolha uma imagem ou teste o exemplo para ver suas cores dominantes.
Continuar com esta cor
O que esta página explica
Esta página explica o processo e leva diretamente à seção correspondente da ferramenta principal do Chromoforge.
- Extraia até seis cores dominantes usando agrupamento k-means no espaço RGB.
- Selecione uma cor extraída para usá-la como base da paleta.
- Aceita PNG, JPEG e WebP de até 8 MB.
- A extração ocorre localmente com a API canvas; o arquivo da imagem não é enviado a um servidor.
Exemplo prático
A imagem de exemplo contém azul-escuro (#182A3A), areia (#E8DED0) e terracota (#C56B4B). Teste-a acima, escolha areia e abra o verificador com azul-escuro no texto. A extração agrupa amostras RGB em até seis grupos; os resultados são aproximados e podem diferir das cores nas bordas.
Teste o texto e o fundo reais em conjunto. O nome da cor ou o número do tom não garante a legibilidade.
:root {
--image-1: #182A3A; /* dark blue */
--image-2: #E8DED0; /* sand */
--image-3: #C56B4B; /* terracotta */
}
.card { background: var(--image-2); color: var(--image-1); }Quantas cores são extraídas?
Até seis, ordenadas pela presença na imagem. O agrupamento k-means calcula cores médias de grupos de pixels, em vez de escolher um único pixel. Podem aparecer menos cores quando há grupos vazios ou cores repetidas.
Qual a precisão da extração?
A extração é uma referência aproximada para design. O algoritmo usa posições iniciais fixas e amostragem de pixels. A redução da imagem pode diluir detalhes pequenos em áreas vizinhas. Para cores críticas de marca, confira os valores nas diretrizes oficiais da marca.
Minha imagem é enviada para algum lugar?
O arquivo da imagem é lido e processado localmente pelo canvas. A extração não exige o envio da imagem a um servidor. Os serviços de estatísticas seguem as escolhas descritas na política de privacidade.