O que é um Conversor de Cor para Tailwind?
Esta ferramenta encontra a classe de cor Tailwind CSS mais próxima para qualquer cor fornecida. O Tailwind oferece uma paleta de cores padrão cuidadosamente elaborada com tons de 50 a 950 em famílias de cores nomeadas como red, blue, green e mais. Quando você tem uma cor de marca ou um valor hex de um design, este conversor informa instantaneamente a classe utilitária Tailwind mais próxima.
Como Usar Esta Ferramenta
- Insira uma cor hex (ex.:
#3b82f6) ou valor RGB (ex.:rgb(59,130,246)). - Você também pode usar o seletor de cores para seleção visual.
- Clique em “Encontrar Cor Tailwind Mais Próxima” para ver o resultado.
- Veja a classe Tailwind correspondente, a distância de cor e uma comparação lado a lado.
Entendendo a Distância de Cor
A ferramenta calcula a distância euclidiana no espaço de cor RGB entre sua entrada e cada cor na paleta Tailwind v3. Uma distância de 0 significa uma correspondência exata. Valores mais baixos indicam correspondências mais próximas. As 5 cores mais próximas são mostradas para que você possa escolher a melhor opção para seu design.
Perguntas Frequentes
Isso cobre todas as cores padrão do Tailwind?
Sim, inclui todas as cores nomeadas da paleta padrão do Tailwind v3: slate, gray, zinc, neutral, stone, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink e rose, cada uma com tons de 50 a 950.
E se minha cor não tiver correspondência próxima?
Para cores distantes de qualquer tom Tailwind, considere usar a sintaxe de valor arbitrário do Tailwind como bg-[#1a2b3c] para cores exatas no seu CSS.