Extrator de paleta de cores de imagem
Extraia cores predominantes de uma imagem e explore combinações complementares e análogas para montar paletas e variáveis CSS de interface
Estúdio avançado de cores e temas
Envie ou solte uma imagem para extrair as cores dominantes e calcular o contraste WCAG.Clique para escolher ou arraste uma imagem para cá
Aceita PNG, JPG e WEBP (até 5 MB). Você também pode escolher uma imagem de exemplo abaixo:
Paleta dominante e harmonia de cores
💡 Clique em uma cor extraída acima para ver harmonias complementares, triádicas e análogas e copiar o código HEX.
Prévia da interface e calculadora de contraste WCAG
Tema ativo
✅ Contraste WCAG: calculando…
Exemplo de interface
A prévia calcula a razão real de contraste a partir da cor principal extraída.
Exportação para CSS e Tailwind v4
Sobre esta ferramenta
Extrator de paleta de cores de imagem
Extraia cores predominantes de uma imagem e explore combinações complementares e análogas para montar paletas e variáveis CSS de interface.
Como usar e interpretar os resultados
A extração depende das áreas e da iluminação da imagem. Confira contraste e legibilidade antes de aplicar as cores a textos e botões.