Menu do QodeCat

© 2026 QodeCat Studio

Carregando ferramenta…

Tire as cores de qualquer imagem

Uma foto bonita, um logo ou o print de um site que você curte costuma ser o caminho mais rápido para uma paleta de cores. Arraste uma imagem e a QodeCat mostra as cores dominantes em amostras, ordenadas pela parte da imagem que cada uma ocupa.

  • De 5 a 10 cores: escolha no controle deslizante quantas cores dominantes você quer.
  • Todos os formatos: cada amostra mostra HEX, RGB e HSL, e um clique no valor já copia.
  • Proporção em porcentagem: veja quanto da imagem cada cor ocupa.
  • Pronto para o código: copie a paleta inteira como propriedades personalizadas de CSS ou como JSON.

Por que usar esta ferramenta?

Cores dominantes de verdade, não pixels aleatórios

A ferramenta agrupa pixels parecidos com o algoritmo median cut e refina os grupos com k-means. Assim, cada amostra é a média de uma região inteira da imagem, e não um pixel solto. Pixels transparentes são ignorados.

Privado e rápido

A imagem é analisada localmente no seu navegador, em uma cópia de no máximo 200 pixels de lado. Nada é enviado, e a paleta se atualiza na hora quando você muda o número de cores.

Perguntas frequentes

P. Como as cores são escolhidas?

Os pixels são divididos em grupos de cores parecidas (median cut) e cada grupo é refinado com algumas passadas de k-means. Cada amostra é a cor média de um grupo, ordenada pela sua participação na imagem.

P. Por que às vezes recebo menos cores do que escolhi?

Se a imagem tem menos cores diferentes do que o número escolhido, como um logo chapado de três cores, a ferramenta devolve só as cores que realmente existem em vez de inventar cores quase idênticas.

P. Como é a exportação em CSS?

Um bloco :root com uma propriedade personalizada por cor, começando em --color-1 (a mais frequente), com valores HEX. A exportação em JSON lista HEX, RGB, HSL e a porcentagem de cada cor.