Paleta de cores
Image Palette Extractor

✨ Recursos

  • Extração automática de cores dominantes em dois modos: Atmosfera (Median Cut) e UI/Logo (K-Means)
  • Cópia de HEX, RGB e HSL com um clique; gera configuração Tailwind CSS automaticamente
  • Visualize a paleta como fundo, texto e botões em uma maquete de UI em tempo real
  • Sem upload — processamento totalmente local, nada é enviado a nenhum servidor

🪄 Ideal para

Extrair paletas de fotos

Gere instantaneamente uma paleta de cores que combine com o clima de paisagens ou fotos de produtos.

Identificar cores de marca

Extraia as cores de marca de um logo ou imagem de referência e copie os valores HEX imediatamente.

Fluxo de design web

Visualize seu esquema de cores na maquete de UI e exporte código CSS ou Tailwind.

Conversão de códigos de cores

Converta entre os formatos HEX, RGB e HSL para uso em ferramentas de desenvolvimento e design.

🔒 Privacidade

Esta ferramenta funciona inteiramente no navegador. As imagens nunca são enviadas para nenhum servidor externo.

❓ Perguntas frequentes

Quais formatos de imagem são suportados?

Todos os principais formatos que seu navegador pode exibir são suportados: JPEG, PNG, WebP, GIF, BMP e SVG.

Posso alterar o número de cores extraídas?

Sim. Você pode definir o número de cores a extrair, até o máximo de 16.

Pode gerar código Tailwind CSS?

Sim. A paleta extraída pode ser exportada automaticamente como um snippet de arquivo de configuração Tailwind CSS.

As imagens são enviadas para um servidor?

Não. Todo o processamento ocorre no seu navegador. Os dados da imagem nunca são enviados para nenhum servidor externo.
Aguardando imagem
As imagens são processadas apenas no seu navegador · nunca enviadas
Arraste e solte uma imagem aqui
Clique para escolher um arquivo ou cole diretamente nesta página. Tudo é analisado no seu navegador.
Clique para selecionar ⌘ / Ctrl + V para colar
JPEGPNGWEBPGIFSVG
Pré-visualização da imagem carregada
#000000
—
AlgoritmoAlgorithm
Número de coresSwatches
6cores
Paleta Palette
0 cores
color.omikuji.dev
// Carregue uma imagem para gerar código
Aurora ProdutoPreçoEmpresa
New release
Teste sua paleta
agora mesmo.
Atribua as cores extraídas ao fundo, texto e botões — e veja instantaneamente como ficam em uma UI real.
Prévia de cores
Arraste e solte para aplicar cores
Selecione um papel, depois clique em uma cor da paleta ou arraste um cartão de cor para cá.
Fundo—
Texto—
Botão—
tools.omikuji.dev
Extração de cores com Median Cut / K-Means · totalmente no cliente
Solte aqui para analisar
As imagens nunca são enviadas