ForHosting KIT · Imagens

Qual é a cor predominante da imagem?

Descubra a cor predominante de qualquer imagem: a ferramenta analisa os pixels e devolve o código hex da cor que mais pesa na foto. Grátis, sem cadastro e rodando no seu navegador — o arquivo não é enviado. Uma resposta única e objetiva, pronta para usar em código ou design.

● EstávelGrátis · no seu navegador

Executar grátis Ver a API

Use pelo WebAPIE-mailApp em breveTelegram em breve

Uma imagem, uma resposta

Diferente de uma paleta com várias cores, aqui a pergunta é direta: qual cor domina esta imagem? A análise pondera os pixels e devolve um único valor hex — a cor que melhor representa o conjunto. É o tipo de dado que parece trivial até você precisar dele em série: qual é a cor de cada capa, de cada produto, de cada thumbnail. Ter uma resposta única e consistente elimina a decisão subjetiva de “que cor é essa, no fundo?”.

Para que serve na prática

O uso mais comum é técnico: pintar o fundo do espaço da imagem com a cor predominante enquanto o arquivo carrega, para a página não piscar em branco. Também serve para classificar produtos por cor no e-commerce, escolher automaticamente texto claro ou escuro sobre uma capa, e gerar molduras ou fundos que combinem com a foto sem intervenção de designer. Sempre que um sistema precisa “entender” a cor de uma imagem, é este dado que ele consome.

Grátis, local e imediato

A análise roda no seu navegador: você escolhe o arquivo, o hex aparece, e a imagem nunca sai do seu aparelho. Sem upload, sem cadastro, sem limite de usos — teste dez fotos seguidas se quiser comparar. Funciona no celular do mesmo jeito, com fotos da galeria. Para uso pontual de design ou desenvolvimento, a página resolve; não há nada para instalar nem configurar.

No seu sistema: a cor de milhares de imagens

Quando a necessidade é contínua — todo upload do seu site precisa da cor predominante gravada no banco —, a mesma análise roda por API, a US$ 0,002 por chamada. É assim que e-commerces montam filtro “comprar por cor” e que sites de conteúdo geram placeholders coloridos automaticamente. Pagamento por uso, preço publicado, sem assinatura no meio.

Casos de uso

Fundo que carrega antes da foto

O portal de receitas grava a cor predominante de cada foto no cadastro. Enquanto a imagem do bolo carrega no 4G, o espaço já aparece num tom caramelo — a página parece pronta antes de estar.

Filtro de cor na loja de roupas

Um e-commerce de moda de Porto Alegre extrai a cor dominante de cada peça no upload e alimenta o filtro “por cor” da vitrine, sem ninguém etiquetar camiseta por camiseta.

Texto legível sobre qualquer capa

O blog da TecnoSul sobrepõe o título à imagem de capa. O sistema consulta a cor predominante e decide sozinho: capa escura recebe texto branco, capa clara recebe texto preto.

Perguntas frequentes

Qual a diferença para uma paleta de cores?

A paleta traz várias cores representativas; aqui a resposta é uma só — a cor que domina a imagem. Para decisões automáticas de sistema, um valor único costuma ser exatamente o que se precisa.

O resultado vem em que formato?

Código hex, o padrão que qualquer CSS, editor ou ferramenta de design entende.

Preciso mandar minha imagem para vocês?

Não — e ela não é mandada: a análise roda dentro do seu navegador e o arquivo fica no seu aparelho.

E se a imagem tiver duas cores em peso parecido?

A análise devolve a que pesa mais no conjunto. Em imagens muito divididas, vale conferir se o resultado atende ao seu caso — ou trabalhar com uma paleta completa.

Quanto custa a versão para sistemas?

US$ 0,002 por chamada de API, pagos por uso. Na página, o uso é grátis e ilimitado.

Aceita qualquer formato de imagem?

Os formatos comuns de foto e arte — JPG, PNG, WebP — com arquivos de até 15 MB e 12 megapixels.

Para desenvolvedores — acesso via API

Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.

Endpoint

POSThttps://api.kit.forhosting.com/image/dominant-color

Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.

Chame do seu código

curl -X POST https://api.kit.forhosting.com/image/dominant-color \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"image":"https://ejemplo.com/imagen.jpg"}'

const res = await fetch("https://api.kit.forhosting.com/image/dominant-color", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "image": "https://ejemplo.com/imagen.jpg"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/image/dominant-color",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "image": "https://ejemplo.com/imagen.jpg"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/dominant-color", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"image":"https://ejemplo.com/imagen.jpg"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"image":"https://ejemplo.com/imagen.jpg"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/dominant-color", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Exemplo de requisição

{
  "image": "https://ejemplo.com/imagen.jpg"
}

Exemplo de resposta

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.dominant_color",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.

Preço

por chamadaUS$ 0,002

Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.

Limites

`max_mb`	15
`max_megapixels`	12

Erros

HTTP	Código	O que significa
`401`	`unauthorized`	Token ausente ou inválido. Confira o header Authorization.
`402`	`insufficient_balance`	Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo.
`404`	`unknown_type`	Esse tipo de tarefa não existe. Confira o campo type no catálogo.
`429`	`rate_limited`	Muitas requisições em pouco tempo. Espere um instante e tente de novo.

Ver a documentação completa do KIT →

Executar grátis