Toolipedia
PT
← Todas as ferramentas de texto

Gerador de paleta de cores Tailwind

Crie uma escala de cores Tailwind CSS de 50 a 950 a partir da cor da sua marca, para a v3 ou v4.

  • Grátis
  • Sem cadastro
  • Funciona em qualquer dispositivo

Cerca de Gerador de paleta de cores Tailwind

Informe a cor da sua marca e obtenha uma escala completa de 50 a 950 no formato usado pelo Tailwind, pronta para o arquivo de configuração da v3 ou para as variáveis de tema da v4. Os tons claros servem para fundos, o 500 é mais ou menos a sua cor base, e os tons mais escuros funcionam para texto e modo escuro.

Como usar: Gerador de paleta de cores Tailwind

  1. Defina as opções acima. O resultado é atualizado ao vivo.
  2. Ajuste o que quiser até ficar do seu jeito.
  3. Copie o resultado ou baixe.

Por que usar esta ferramenta?

Também conhecido como

Perguntas frequentes

Onde colo as cores do Tailwind geradas?

Na v3, adicione-as em theme.extend.colors no tailwind.config.js. Na v4, cole as variáveis no bloco @theme do seu arquivo CSS.

Gerador de paleta de cores Tailwind é grátis?

Sim. Gerador de paleta de cores Tailwind no Toolipedia é de uso gratuito, sem cadastro e sem marca d'água.

É seguro usar?

Sim. Tudo é calculado no seu navegador, e nada do que você digita é enviado ao nosso servidor.

Funciona no meu celular?

Sim. Funciona em qualquer navegador moderno no Android e no iPhone, além de tablets e computadores. Não é preciso instalar nada.

Preciso de uma conta?

Não. É só abrir a página e usar a ferramenta. Sem cadastro e sem e-mail.

Ferramentas relacionadas