CDRN

Extrair as cores dominantes de uma imagem

  • Painel
  • Documentação
  • API
extrai as cores dominantes de uma imagem e compõe uma paleta harmoniosa pronta a usar (HEX, RGB, HSL). Ideal para derivar uma identidade gráfica ou inspirar-se numa fotografia

Porquê utilizar uma ferramenta de extração de paleta de cores?

A extração de paleta de cores a partir de uma fotografia é essencial para designers e programadores. Esta ferramenta simplifica o processo, permitindo extrair rápida e precisamente as cores dominantes de uma imagem, agrupando as cores semelhantes, facilitando assim a criação de paletas de cores harmoniosas para os seus projetos.

Características da ferramenta de extração de paleta de cores

Esta ferramenta de extração de paleta de cores permite-lhe carregar uma fotografia e extrair as cores dominantes da imagem. Utiliza um algoritmo de clustering para agrupar as cores semelhantes, permitindo-lhe obter instantaneamente uma paleta de cores harmoniosa para os seus projetos de design e desenvolvimento.

Como utilizar a ferramenta de extração de paleta de cores

Para utilizar a ferramenta de extração de paleta de cores, siga estes passos simples:

  1. Carregue uma fotografia utilizando o formulário previsto para o efeito.
  2. Clique no botão "Extrair". A ferramenta analisa a imagem e apresenta a paleta de cores extraída, agrupando as cores semelhantes.

Exemplo de utilização da ferramenta de extração de paleta de cores

Eis um exemplo de paleta de cores extraída a partir de uma fotografia:

#cececc

#262123

#daad90

#229fbd

Perguntas frequentes

Que formatos de imagem são aceites?

O extrator aceita as imagens bitmap clássicas da web: JPG, JPEG, PNG, GIF e WebP. As imagens vetoriais (SVG) não são pertinentes para este tratamento, uma vez que já descrevem as suas cores no código. Para um ficheiro SVG, abra-o num editor de texto e leia diretamente os valores HEX presentes nos atributos fill e stroke.

Qual o tamanho máximo de imagem aceite?

Ficheiros até cerca de 10 MB passam sem dificuldade. Acima, o tratamento continua possível mas abranda claramente. Para acelerar a extração de uma fotografia de muito alta resolução, redimensione-a para cerca de 1500 px de largura: a paleta dominante mantém-se idêntica e a análise é muito mais rápida.

Qual a diferença entre um extrator de paleta e um color picker?

Um color picker devolve a cor de um píxel preciso apontado com o rato. O extrator de paleta analisa o conjunto da imagem, agrupa os píxeis visualmente próximos por clustering, e devolve as n cores dominantes. O picker é útil para apontar um detalhe, o extrator para perceber o ambiente cromático global de uma fotografia.

Como agrupa o algoritmo as cores?

A ferramenta utiliza um clustering do tipo k-means no espaço RGB: cada píxel é aproximado do centro de classe mais próximo, depois os centros são recalculados a cada iteração até estabilização. O resultado é uma lista de cores representativas, expressas em HEX, que resumem a imagem sem ruído.

A minha imagem é armazenada no servidor?

A imagem é enviada para o servidor durante a análise píxel a píxel, depois destruída imediatamente após a extração da paleta. Nenhum ficheiro é conservado em disco. Os metadados EXIF (geolocalização, modelo da câmara) não são explorados e desaparecem com o ficheiro original.

Para que serve concretamente uma paleta extraída?

Os usos são numerosos: alinhar uma carta gráfica numa fotografia de produto, recolorir um site de e-commerce para combinar com o ambiente de um visual hero, alimentar um tema dark a partir de uma obra, ou gerar tokens de design num ficheiro CSS, SASS ou Tailwind. A paleta obtida pode depois ser afinada no gerador de paleta ou convertida com o conversor de cor.

Exemplo de pedido

curl -X POST https://cdrn.fr/api/v1/tools/color-extractor/execute \
  -F "image=@/path/to/file" \
  -F "number=1"

Esquema de entrada

Campo Tipo Obrigatório Predefinição
image file ✓ –
number integer ✓ –

esta ferramenta espera um ficheiro - utilize Content-Type multipart/form-data em vez de application/json

Pontos de acesso

  • GET https://cdrn.fr/api/v1/tools - lista todas as ferramentas disponíveis
  • GET https://cdrn.fr/api/v1/tools/color-extractor - obtém o esquema desta ferramenta
  • POST https://cdrn.fr/api/v1/tools/color-extractor/execute - executa esta ferramenta com um payload JSON