Extrator de cor dominante
Extraia esquemas de cor dominantes e paletas de marca de qualquer fotografia ou gráfico online. Personalize o tamanho dos clusters, analise rácios de contraste de acessibilidade, copie variáveis CSS personalizadas ou configurações do Tailwind e descarregue os recursos da paleta instantaneamente. Rápido, 100 % local e grátis.
Select or Drop Your Image
Supports JPEG, PNG, WebP, SVG, AVIF, GIF, BMP, ICO.
Porque usar o nosso extrator de cor dominante?
- Quantização de píxeis com K-means: extraia cores com elevada precisão matemática. O algoritmo K-means agrupa os píxeis brutos da imagem num espaço de coordenadas tridimensional para isolar as verdadeiras cores dominantes.
- Auditorias de contraste WCAG 2.1: verifique instantaneamente os rácios de legibilidade das cores. A ferramenta realiza auditorias de luminância relativa sobre sobreposições brancas e pretas, mostrando classificações AA e AAA.
- Exportações de fragmentos para programadores: exporte as cores diretamente para as suas folhas de estilo. Obtenha propriedades CSS prontas a copiar, variáveis Sass, configurações personalizadas do Tailwind e formatos JSON.
- Privacidade 100 % no navegador: mantenha os seus ficheiros multimédia seguros. Todo o escalonamento em canvas e os algoritmos de agrupamento correm localmente. Nenhuma imagem é carregada para um servidor.
A ciência da quantização de cor
Ao contrário dos seletores de cor simples, que recolhem um único píxel sob o cursor, um extrator de cor dominante analisa toda a disposição espacial de uma imagem para isolar os seus verdadeiros tons principais e de destaque. Lê milhares de pontos de píxel, agrupa cores semelhantes em clusters matemáticos e calcula os seus vetores de cor mais centrais.
Este utilitário usa agrupamento K-means num espaço de cor RGB euclidiano tridimensional. O algoritmo começa com centros de cluster aleatórios, atribui cada píxel ao centro mais próximo, recalcula a cor média de cada grupo e repete o processo até os centroides estabilizarem. Isto determina as cores dominantes exatas com elevada precisão matemática.
Luminância e auditorias de contraste WCAG
Uma parte essencial do design de interfaces moderno é verificar que o texto permanece legível sobre as cores de fundo. Esta ferramenta calcula automaticamente a luminância relativa de cada vetor de cor extraído segundo as especificações WCAG 2.1.
Ao comparar a luminância relativa de cada amostra dominante com o branco puro (#FFFFFF) e o preto puro (#000000), a ferramenta gera rácios de contraste precisos. Apresenta classificações de legibilidade AA e AAA, para saber imediatamente se uma cor é segura para etiquetas de texto, cartões de fundo ou botões de chamada à ação.
Geração de temas CSS, Sass e Tailwind
Fazer a ponte entre recursos gráficos criativos e maquetes de frontend é crítico para a rapidez. Este extrator formata as cores obtidas em configurações prontas para desenvolvimento, instantaneamente.
Pode copiar variáveis CSS personalizadas (propriedades `:root`), variáveis de folha de estilo Sass/SCSS, estruturas de tema estendido do Tailwind CSS ou esquemas de metadados JSON em bruto. Assim pode integrar cores de marca diretamente nas suas configurações de estilo sem reescrever valores manualmente entre formatos de cor.
Privacidade 100 % segura do lado do cliente
As suas ilustrações, fotografias e gráficos de marca proprietários estão seguros. Esta ferramenta realiza todas as operações - redução de escala da imagem, análise de píxeis, agrupamento K-means e verificações de estilo - inteiramente dentro do seu navegador.
Nenhum ficheiro de imagem é carregado, colocado em cache ou transferido para servidores remotos. Esta execução segura offline garante o cumprimento de políticas rigorosas de proteção de dados empresariais e permite processar com segurança recursos de design corporativos internos.
Perguntas frequentes
Um extrator de cor dominante é um utilitário online que analisa os píxeis de uma imagem carregada para identificar as cores principais e de destaque. Ao agrupar valores de cor semelhantes, a ferramenta cria uma paleta que representa o tom visual geral da imagem e permite-lhe reutilizar essas cores em sistemas de design.
O algoritmo K-means agrupa os píxeis da imagem em clusters de cor distintos. Mapeia os valores RGB num espaço tridimensional, escolhe pontos centrais iniciais e reatribui repetidamente os píxeis ao centro mais próximo até os clusters estabilizarem. Os centroides resultantes tornam-se as cores dominantes da imagem.
Não. A sua privacidade mantém-se intacta porque todo o processo de extração de cor corre localmente no seu navegador com a API Canvas do HTML5 e JavaScript do lado do cliente. Os seus ficheiros de imagem nunca são carregados para qualquer servidor remoto ou serviço de terceiros.
A ferramenta suporta os formatos de imagem padrão que os navegadores modernos conseguem renderizar: JPEG, JPG, PNG, WebP, SVG, AVIF, GIF, BMP e ICO. Se o seu navegador conseguir descodificar a imagem num canvas, o extrator consegue analisar as suas cores dominantes.
A ferramenta formata as cores extraídas em variáveis de código prontas para produção. Pode copiar propriedades CSS personalizadas, valores de configuração do Tailwind, variáveis Sass ou matrizes JSON estruturadas e colá-las diretamente nos ficheiros do seu projeto.
O verificador de contraste analisa as cores extraídas quanto à acessibilidade, comparando a luminância relativa com texto branco e preto. Fornece uma avaliação rápida ao estilo WCAG para que veja que cores são seguras para sobreposições legíveis e componentes de interface.
Sim. Além de copiar fragmentos de código, pode descarregar a paleta em JSON estruturado, CSS ou uma folha visual de amostras SVG. Isto torna o resultado útil para revisões de design, documentos de entrega e apresentações de marca.