Paleta de Cor a partir de Imagem
Solte uma foto, captura ou design e a ferramenta amostra pixels, agrupa em um grid RGB grosso e retorna os buckets mais representados promediados em uma cor representativa. Ajuste quantas cores quer (2–16). A paleta é mostrada como barra proporcional (cada slice pelo share) e como swatches individuais com HEX, RGB e o % da imagem que ocupam.
Solte uma imagem para extrair sua paleta.
Como usar
- Solte uma imagem ou clique para escolher.
- Ajuste o número de cores (2–16).
- Clique em qualquer swatch para copiar o HEX, ou Copiar tudo para a paleta inteira.
Perguntas frequentes
- Como funciona a extração?
- A imagem é amostrada para uma versão menor (máx 400px no lado maior), depois RGB é quantizado em grid 8×8×8. Os maiores buckets formam a paleta, cada um promediado a uma cor representativa para o swatch não ficar pixelado.
- Por que cores similares são mescladas?
- A quantização 8×8×8 é grossa de propósito — sem ela você obteria um gradiente quase duplicado em vez de paleta. Aumente a contagem para distinções mais finas; diminua para uma paleta de marca mais estreita.
- Minha imagem é enviada?
- Não. O Canvas lê os pixels localmente, os buckets ficam em memória e apenas as strings HEX finais são mantidas.
- Por que as porcentagens não somam 100?
- Só os top N buckets são mostrados — a cauda longa de cores menos frequentes não entra. Os slices da barra são proporcionais aos buckets visíveis, não à imagem inteira.
Ferramentas relacionadas
Simulador de Daltonismo
Veja como sua imagem se parece para pessoas com cada um dos 8 tipos de deficiência visual cromática (CVD).
Exportador de Tokens de Cor
Defina uma paleta de cores uma vez, exporte para CSS custom properties, config Tailwind, SCSS, LESS, JSON de design tokens, SwiftUI Color ou `colors.xml` Android. Swatches de pré-visualização ao vivo.
Gerador de Paleta de Cores
Escolha uma cor base, obtenha harmonias clássicas de roda de cores — complementar, split-complementar, triádica, tetrádica, quadrado, análoga, monocromática.
Paleta de Cores Tailwind
Paleta padrão completa do Tailwind CSS — 22 matizes × 11 tons, 50 até 950 — clique pra copiar como classe Tailwind, HEX ou rgb().
Ordenar Cores
Cole uma lista de cores hex e ordene por matiz, saturação, claridade ou brilho percebido — útil pra organizar uma paleta de tokens de design.
Seletor de Cor de Imagem
Solte uma imagem e clique em qualquer ponto para pegar o HEX / RGB / HSL exato daquele pixel — monte uma paleta no caminho.