A Paleta de Cores suporta dois modos: geração de esquemas de cores e extração de paletas de imagens. No modo Gerar, escolha uma cor base e uma regra de harmonia. No modo Extrair, envie uma imagem para extrair suas cores dominantes ou use o conta-gotas para seleção precisa. Todo o processamento acontece no seu navegador.
Envie imagens para extrair paletas automaticamente com conta-gotas para seleção precisa
Exporte como variáveis CSS, Tailwind v4 e variáveis SCSS
Bloqueie cores individuais para preservá-las ao regenerar
Clique para copiar qualquer cor nos formatos HEX, RGB ou HSL
Processamento totalmente offline — nada é enviado a servidores
Como Usar
1No modo Gerar, escolha uma cor base e selecione uma regra de harmonia
2A paleta é atualizada automaticamente — bloqueie ou copie cores individuais
3Mude para o modo Extrair e envie uma imagem para extrair sua paleta
4Clique em um botão de exportação para copiar a configuração CSS/Tailwind/SCSS
FAQ
Qual a diferença entre o Conversor de Cores e o Seletor de Cores?
O Conversor de Cores converte entre formatos HEX, RGB, HSL. O Seletor de Cores seleciona uma única cor de uma imagem. A Paleta de Cores gera esquemas harmoniosos ou extrai paletas completas de imagens.
Posso bloquear cores individuais em uma paleta?
Sim. Cada amostra tem um botão de bloqueio. As cores bloqueadas são preservadas ao alterar a cor base ou a regra. Apenas as cores desbloqueadas são regeneradas.
Quais regras de harmonia os iniciantes devem usar?
Complementar cria designs de alto contraste. Análogo é sutil e unificado — ótimo para branding. Monocromático é limpo e profissional. Triádico e tetrádico são mais avançados, mas criam paletas ricas e equilibradas.
Qual a precisão da extração de paleta de imagens?
Usando agrupamento de cores com fusão de distância euclidiana, a ferramenta extrai até 8 cores dominantes. Os pixels transparentes são filtrados e cada cor mostra sua porcentagem. Para seleção precisa, use o modo conta-gotas.
Meus dados são enviados para algum servidor?
Não. Todo o processamento de cor e imagem acontece inteiramente no seu navegador. Nada é enviado.
Qual versão do Tailwind o exportação utiliza?
A exportação gera a sintaxe de cor personalizada @theme do Tailwind CSS v4 usando variáveis --color-*.