Paleta de Cor a partir de Imagem
Cor
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).
Gerador de CSS Box Shadow
Desenhe box-shadow CSS visualmente em várias camadas, com pré-visualização ao vivo e saída CSS / Tailwind pronta para copiar.
Conversor de Formatos de Cor
Converta qualquer cor entre HEX, RGB, HSL, HSV, OKLCH e uma variável CSS.
Gerador de Gradientes CSS
Crie gradientes CSS lineares ou radiais com várias paradas de cor e copie o código.
Gerador de Paleta de Cores
Crie paletas harmoniosas a partir de uma cor base em seis esquemas.
Verificador de Contraste de Cor
Verifique o contraste texto/fundo nos níveis WCAG AA e AAA.