O que é Localizador de cores Tailwind?

O Tailwind Color Finder recebe qualquer cor hexadecimal e encontra instantaneamente a classe de cor do Tailwind CSS mais próxima. Em vez de comparar paletas manualmente, cole um código hex da sua ferramenta de design e obtenha o nome exato da classe Tailwind para usar no seu código.

Como usar

1. Insira um código de cor hexadecimal do seu mockup de design ou escolha uma cor usando o seletor de cores.
2. A ferramenta mostra instantaneamente a classe de cor Tailwind CSS mais próxima com uma comparação visual lado a lado.
3. Copie o nome da classe Tailwind (ex.: bg-blue-500) diretamente para o seu código. Veja a distância de cor para avaliar a precisão da correspondência.

Resultado

Seu designer entrega a cor da marca #2563EB. Cole-a e a ferramenta mostra que corresponde exatamente a blue-500. Para #3A7BC8, encontra sky-600 como a correspondência mais próxima, com uma pontuação de distância indicando a proximidade.

Ferramentas relacionadas