Seletor de cores
Extrair cores dominantes de imagens
Configurações de extração
Quantidade de cores8
Cores extraídas
As cores extraídas aparecerão aqui após o upload da imagem
Recursos
Ferramenta profissional de extração de cores de imagens
Extração inteligente
Analisar automaticamente imagens e extrair as cores dominantes mais representativas
Seleção de cor precisa
Clicar em qualquer lugar da imagem para obter precisamente o valor da cor nesse ponto
Paleta visual
Exibir cores extraídas como barras de cor, organizadas por porcentagem
Saída multi-formato
Suporta formatos HEX, RGB, exportação com um clique como variáveis CSS
Cópia com um clique
Clicar para copiar valores de cor, usar rapidamente em design ou desenvolvimento
Processamento local
Toda a análise é feita no navegador, as imagens nunca são enviadas ao servidor
Perguntas frequentes
Perguntas comuns sobre extração de cores
Qual é o princípio da extração de cores?
A ferramenta amostra pixels na imagem, agrupa cores semelhantes juntas (quantização de cores), depois conta o número de pixels em cada grupo. A cor que aparece com mais frequência é a cor dominante, organizada proporcionalmente para formar uma paleta. Isso é semelhante à forma como o olho humano percebe o tom principal de uma imagem.
Por que as cores extraídas são diferentes do que vejo?
O algoritmo mescla cores semelhantes para reduzir ruído, o que pode fazer com que a cor extraída seja uma média de uma determinada área. Se você precisar da cor exata de um ponto específico, pode usar a função "Clicar para selecionar cor" para obtê-la diretamente. Além disso, a configuração de cor de exibição também pode afetar a percepção visual.
Qual é a diferença entre os formatos de cor HEX e RGB?
Ambos representam a mesma cor, apenas em formatos diferentes:
HEX: #FF5500, usa hexadecimal para representar componentes RGB. Comumente usado em CSS e software de design.
RGB: rgb(255, 85, 0), usa representação decimal, mais intuitivo. Comumente usado em CSS e programação.
Escolha de acordo com o cenário de uso, ambos podem ser convertidos um no outro.
HEX: #FF5500, usa hexadecimal para representar componentes RGB. Comumente usado em CSS e software de design.
RGB: rgb(255, 85, 0), usa representação decimal, mais intuitivo. Comumente usado em CSS e programação.
Escolha de acordo com o cenário de uso, ambos podem ser convertidos um no outro.
Quantas cores devo definir?
Depende do propósito:
• Esquema de cores: 5-8 cores são suficientes para formar um esquema de cores completo
• Extração de cor dominante: 4-5, focar nas cores mais proeminentes
• Análise detalhada: 10-16, obter informações de cor mais ricas
Recomendar começar com 8, ajustar conforme necessário.
• Esquema de cores: 5-8 cores são suficientes para formar um esquema de cores completo
• Extração de cor dominante: 4-5, focar nas cores mais proeminentes
• Análise detalhada: 10-16, obter informações de cor mais ricas
Recomendar começar com 8, ajustar conforme necessário.
Como usar cores extraídas no design?
• Copiar diretamente valores HEX para uso em software de design (Figma, Sketch)
• Usar função "Copiar como variáveis CSS", colar diretamente em arquivos CSS
• Salvar captura de tela da paleta de cores como referência de design
• A primeira cor geralmente é adequada como cor principal, cores mais claras podem ser usadas como cores de fundo
• Usar função "Copiar como variáveis CSS", colar diretamente em arquivos CSS
• Salvar captura de tela da paleta de cores como referência de design
• A primeira cor geralmente é adequada como cor principal, cores mais claras podem ser usadas como cores de fundo