UTILS.
Privadas por padrão
tw

Gerador de Paleta Tailwind

Gere uma escala de tons 50–950 no estilo Tailwind a partir de qualquer cor base.

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

Privacidade →
Clique em qualquer amostra para copiar seu valor hex.

Sobre esta ferramenta

Gere uma escala de tons de onze etapas no estilo Tailwind (50 a 950) a partir de uma cor base ajustando sua luminosidade HSL, tudo no seu navegador.

Perguntas frequentes

Como a escala é gerada?
A matiz e a saturação da cor base são mantidas, enquanto sua luminosidade é definida para os alvos no estilo Tailwind em cada etapa, de 50 (mais clara) a 950 (mais escura).
Como copio um tom?
Clique em qualquer amostra e seu valor hex é copiado para a sua área de transferência.

Mais ferramentas

Cor a Partir de TextoGerador de Paleta de CoresVerificador de Contraste de CoresMisturador de CoresTons Claros e Escuros de CorCores Nomeadas do CSSTodas as 16 ferramentas de Cor →