Úteis — Tudo o que você precisa, em um só lugar.

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

  1. Selecione a imagem.
  2. Escolha quantas cores extrair.
  3. 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.