🎨 Paleta de Cores
Extraia cores dominantes de qualquer imagem.
✨ Veja o que esta ferramenta faz
Antes
🎨
After — processed
Extracted Palette
CSS Variables
Como Usar
1
Enviar
Selecione uma imagem para analisar.
2
Ajustar Quantidade
Escolha quantas cores dominantes extrair (3–12).
3
Extrair e Copiar
Clique em Extrair Cores, depois em qualquer cor para copiar seu código HEX.
Guia Detalhada
Passo 1: Enviar sua Imagem
Envie qualquer imagem JPG, PNG ou WebP. Funciona muito bem com fotos, arte, capturas de tela ou qualquer imagem com cores interessantes.
Upload an image and choose how many dominant colors to extract
Passo 2: Escolher Quantidade de Cores
Use o controle para selecionar quantas cores extrair (3–12). Mais cores dão uma paleta mais rica; menos cores dão um esquema mais focado e minimalista.
- 3-4 colors — Ideal for simple branding and minimalist designs
- 5-6 colors — Balanced palette for most web and UI projects
- 8-12 colors — Comprehensive palette for complex designs and illustrations
Passo 3: Extrair e Usar
Clique em "Extrair Cores" para analisar a imagem. A ferramenta exibe:
- Color swatches with HEX and RGB values
- Ready-to-use CSS variables that you can copy directly into your stylesheet
Clique em qualquer amostra de cor para copiar seu código HEX para a área de transferência instantaneamente.
Tip: The first color is usually the most dominant. Use it as your primary brand color, and the rest as accents and neutrals.
Melhores Casos de Uso
- Brand color inspiration — Extract colors from a mood board or reference image
- Website theming — Match your site's palette to a key photograph or product image
- UI design — Generate accessible color schemes for apps and dashboards
- Art & illustration — Build harmonious color palettes from nature photos or artwork
Dicas Profissionais
- Images with strong, distinct colors produce the best palettes
- Use the CSS output directly in your project's
:rootfor consistent theming - Try extracting from multiple images and combining palettes for unique combinations
- The algorithm finds visually dominant colors, not just statistically frequent ones
Perguntas Frequentes
Usamos quantização para encontrar cores visualmente dominantes.
Cada cor exibe seu HEX. A saída CSS fornece propriedades personalizadas.
Sim. Clique em qualquer amostra para copiar seu HEX.