Extrator de paleta de cores
Extraia as cores dominantes de qualquer imagem no seu browser. 5–8 amostras, códigos hex, variáveis CSS prontas para colar. Os arquivos nunca saem do seu dispositivo.
🔒 Files never leave your browser — no upload, no server, no tracking.
No image yet.
Para que serve?
Esta ferramenta lê uma imagem, amostra alguns milhares de pixels e os agrupa em 3–10 buckets de cores dominantes via um algoritmo de median-cut feito na mão. O resultado é um pequeno conjunto de cores hex representativas que você pode usar como semente de um design system, base de um moodboard ou jeito rápido de tirar as cores de marca de um logo. Tudo roda no seu browser; a imagem nunca é enviada.
Quando usar
- Tirar as cores dominantes de um logo pra construir um tema combinando.
- Semear uma config do Tailwind ou um bloco de CSS custom-properties a partir de uma imagem hero.
- Construir uma paleta de moodboard a partir de uma foto ou peça de arte.
- Conferir se a imagem hero do design e a cor de destaque da página combinam.
Como o median-cut funciona
- Reduz a imagem pra manter a contagem de pixels gerenciável.
- Acha o eixo mais longo da nuvem de pixels (range R, G ou B).
- Ordena por esse eixo, divide na mediana.
- Recursão em cada metade até ter o número de buckets pedido.
- Devolve a cor média de cada bucket.
Cuidados comuns
- Regiões transparentes são puladas. Pixels com alpha < 50% não contribuem — útil pra logos em fundos transparentes.
- Fotos com uma cor dominante (ex. praia com muito céu azul) vão dar várias tonalidades dessa cor em vez de uma paleta variada. Recorte numa região mais colorida se quiser variedade.
- Median-cut é rápido mas não é perceptualmente perfeito. Pra qualidade de teoria das cores (complementares, análogas), ainda vai precisar de um designer — o algoritmo pega o mais frequente, não o mais estético.
- O slider conta buckets, não cores "importantes". Pedir 10 num logo de 2 cores te dá 10 — só que vão ser quase-duplicatas.