Exportador de Paletas
Cole ou importe um conjunto de cores e exporte-as instantaneamente para variáveis CSS, SCSS, configuração Tailwind, JSON ou amostras SVG — o passo final para qualquer paleta.
Cole valores HEX (um por linha, ou separados por vírgulas/espaços). rgb() e hsl() também são aceites.
Não foram encontradas cores válidas — verifique a sua entrada.
Tudo corre no seu browser — cole uma paleta e copie código pronto para produção em qualquer formato. Sem registo, completamente gratuito.
Sobre Exportador de Paletas
O Palette Exporter é o passo final para qualquer paleta de cores: cole um conjunto de cores e obtenha código pronto para produção no formato que o seu projeto precisa. Aceita valores HEX um por linha ou separados por vírgulas e espaços, e entende também a notação rgb() e hsl().
Seis formatos de saída são gerados em tempo real: propriedades personalizadas CSS, variáveis SCSS, um bloco de cores para configuração Tailwind, JSON, amostras SVG e uma lista simples de valores HEX. Um prefixo de variável configurável mantém os nomes gerados consistentes com o seu código, e cada formato pode ser copiado para a área de transferência ou descarregado como ficheiro.
Tudo é executado no seu navegador — as cores que cola nunca são enviadas para lado nenhum. Combina-se naturalmente com as outras ferramentas de paleta: extraia ou gere uma paleta noutro sítio, cole-a aqui e obtenha exatamente o trecho de código que a sua folha de estilos, framework ou pipeline de design espera.
Como usar Exportador de Paletas
- Cole as suas cores no campo de entrada — HEX, rgb() ou hsl(), uma por linha ou separadas por vírgulas.
- Clique em "Atualizar cores" para as interpretar como paleta, ou carregue o exemplo para experimentar.
- Escolha um formato de exportação: variáveis CSS, SCSS, configuração Tailwind, JSON, amostras SVG ou HEX simples.
- Ajuste o prefixo de variável se quiser uma nomenclatura personalizada.
- Copie o código gerado ou descarregue-o como ficheiro.