Fatos principais
- Categoria
- Design e cor
- Tipos de entrada
- file, number, select, checkbox
- Tipo de saída
- json
- Cobertura de amostras
- 4
- API disponível
- Yes
Visão geral
O Extrator de Paleta de Cores permite carregar qualquer imagem nos formatos JPEG, PNG, WebP, GIF, BMP ou TIFF para identificar e extrair automaticamente as cores dominantes. Com opções para ajustar o tamanho da paleta, escolher algoritmos de agrupamento como K-Means e filtrar tons indesejados, você obtém um esquema de cores preciso para seus projetos de design.
Quando usar
- •Quando você precisa criar a identidade visual de um site ou marca com base em uma foto de referência.
- •Ao analisar imagens de produtos para extrair as cores predominantes e catalogá-las em um banco de dados.
- •Durante a criação de moodboards de design de interiores ou moda para definir esquemas de cores harmoniosos.
Como funciona
- •Faça o upload de um arquivo de imagem suportado (como PNG, JPEG ou WebP) com tamanho de até 20 MB.
- •Defina a quantidade de cores desejada (entre 3 e 15) e selecione o método de extração, como o algoritmo K-Means.
- •Configure filtros opcionais para ignorar tons muito claros (branco) ou muito escuros (preto) e escolha a ordem de classificação.
- •O extrator processa a amostra de pixels e gera a paleta de cores estruturada em formato JSON com os códigos correspondentes.
Casos de uso
Exemplos
1. Criação de Tema para Web Design
Designer de Interface (UI)- Contexto
- Um designer precisa criar um tema de cores para um site institucional baseado na foto da sede da empresa.
- Problema
- Extrair as 5 cores mais marcantes da foto da fachada, ignorando o fundo do céu muito claro e as sombras escuras.
- Como usar
- Carregou a foto fachada.jpg, definiu o tamanho da paleta como 5, selecionou o algoritmo K-Means e ativou as opções para ignorar branco e preto.
- Configuração de exemplo
-
{"colorCount": 5, "algorithm": "kmeans", "ignoreWhite": true, "ignoreBlack": true} - Resultado
- Uma paleta limpa com 5 cores dominantes da arquitetura da empresa, pronta para ser aplicada no CSS do site.
2. Catalogação de Produtos de Moda
Analista de E-commerce- Contexto
- Uma loja de roupas precisa categorizar automaticamente as cores dominantes das peças de vestuário a partir das fotos de estúdio.
- Problema
- Identificar a cor principal de cada peça de roupa sem que o fundo branco do estúdio interfira no resultado.
- Como usar
- Fez o upload da foto do produto vestido_azul.png, configurou o tamanho da paleta para 3 cores, selecionou a ordenação por dominância e ativou a opção de ignorar branco.
- Configuração de exemplo
-
{"colorCount": 3, "algorithm": "histogram", "sortMode": "percentage", "ignoreWhite": true} - Resultado
- A cor azul dominante do vestido foi extraída com precisão na primeira posição da paleta, descartando o fundo branco do estúdio.
Testar com amostras
image, png, jpgHubs relacionados
FAQ
Quais formatos de imagem são suportados?
O extrator aceita arquivos nos formatos JPEG, PNG, WebP, GIF, BMP e TIFF de até 20 MB.
Como funciona o algoritmo K-Means na extração?
O K-Means agrupa os pixels da imagem em clusters de cores semelhantes para encontrar os tons mais representativos e dominantes.
Posso remover cores pretas ou brancas puras da paleta gerada?
Sim, basta marcar as opções para ignorar branco e ignorar preto nas configurações antes de processar a imagem.
Qual é o limite de cores que posso extrair de uma única imagem?
Você pode configurar o tamanho da paleta para extrair entre 3 e 15 cores por imagem.
Como as cores extraídas são ordenadas no resultado?
Você pode ordenar a paleta gerada por dominância (porcentagem), brilho ou matiz.