Combinando cores de marca com o Tailwind
A paleta padrão do Tailwind é discreta. Encontrar o tom mais próximo ajuda a escolher uma classe rápido ou decidir quando uma cor custom no tema é melhor.
Informe uma cor hex para ver o tom padrão Tailwind mais próximo e seu hex—útil para alinhar cores de marca à paleta pronta.
Tailwind mais próximo
Preencha os campos do formulário.
Mude modos ou opções, se houver.
Copie a saída quando estiver certa (muitas vezes atualiza ao vivo).
A paleta padrão do Tailwind é discreta. Encontrar o tom mais próximo ajuda a escolher uma classe rápido ou decidir quando uma cor custom no tema é melhor.
Complete os campos em Conversor de Cor para Tailwind. A saída é gerada no navegador — copie quando pronto.
Deixe opcionais vazios para um resultado mínimo.
Sempre que possível, Conversor de Cor para Tailwind processa seus dados localmente com JavaScript nesta página. Rascunhos, segredos e trabalhos em andamento ficam no seu dispositivo por padrão. Prefira esse fluxo quando não quiser enviar textos sensíveis, tokens, senhas ou arquivos para um serviço de terceiros.
Casa com a paleta padrão comum do Tailwind v3 (slate a rose, mais preto/branco), não com o tema estendido do seu projeto.
Quanto menor a distância, mais próxima a correspondência RGB do tom Tailwind selecionado.
Na maioria das ferramentas do FlyUtils, não. O processamento acontece no seu navegador com JavaScript. Se alguma ferramenta precisar de servidor, isso estará claro na página.
Sim. Conversor de Cor para Tailwind é gratuito, sem cadastro e sem limites artificiais para uso pessoal e profissional comum.
Sim. A página é mobile-first: você pode colar conteúdo, ajustar opções e copiar resultados no telefone ou tablet.