Extrair Paleta de Cores
Descubra as cores predominantes de uma imagem (3 a 16), com HEX, RGB, proporção de cada cor e exportação em CSS ou JSON.
Como utilizar
- Selecione a imagem.
- Escolha quantas cores extrair.
- Copie os códigos HEX/RGB ou exporte em CSS/JSON.
Perguntas frequentes
Por que o resultado muda conforme o número de cores?
A quantização agrupa tons parecidos; com menos cores, tons próximos são fundidos em uma média.
Informações técnicas
- Algoritmo: median cut (determinístico) refinado por 6 iterações de k-means no espaço RGB.
- Amostra reduzida para até 200×200 px; pixels com alfa < 125 são ignorados.
- Processamento 100% local no navegador (Canvas/createImageBitmap); nenhum arquivo é enviado ao servidor.
Ferramentas relacionadas
- Comparar Imagens — Compare duas imagens com controle deslizante e calcule a diferença pixel a pixel, com mapa destacado e percentual alterado.
- Imagem para Base64 — Converta imagens em Base64 e obtenha prontos o data URI, a regra CSS background-image, a tag <img> e o Markdown.
- Gerador de cores aleatórias — Gere cores e paletas aleatórias (análoga, complementar, triádica, pastel…) em HEX, RGB ou HSL e copie com um clique.
- Ajustar Dimensões e Margens — Encaixe a imagem em um tamanho exato adicionando faixas de preenchimento, ou acrescente margens com a cor de fundo desejada.
- Base64 para Imagem — Cole um Base64 ou data URI, valide o conteúdo, descubra o tipo real pela assinatura, visualize e baixe o arquivo.
- Comprimir Imagem — Reduza o tamanho de fotos ajustando qualidade, formato e dimensões, com meta de tamanho máximo em KB e comparação antes e depois.