Referência de Cores Tailwind
Explore gratuitamente online todas as cores padrão do Tailwind CSS com valores hex e RGB. Clique em qualquer tom para copiar instantaneamente. Ideal para desenvolvedores Tailwind.
Click to copy:
Como funciona
- Abra a ferramenta e navegue por todas as cores padrão do Tailwind CSS exibidas numa paleta organizada.
- Role pelos blocos de cores para encontrar a cor e o tom exatos que precisa.
- Clique em qualquer bloco de cor para copiar instantaneamente o valor HEX para a área de transferência.
- Alterne entre os formatos HEX e RGB conforme as necessidades do seu projeto.
- Cole o valor copiado diretamente no seu arquivo CSS ou na configuração do Tailwind.
Exemplo
Entrada: orange-500
Resultado: #F97316 / RGB(249, 115, 22)
FAQ
A ferramenta inclui todas as cores padrão do Tailwind CSS com tons de 50 a 950 para cada cor, incluindo slate, gray, red, blue, green, violet e muitas outras.
Basta clicar no bloco de cor desejado e o valor HEX será automaticamente copiado para a área de transferência, sem etapas adicionais.
Não. Todo o processamento é feito do lado do cliente, diretamente no seu navegador. Nenhum dado é enviado para qualquer servidor, garantindo total privacidade.
Sim, os valores HEX e RGB são exibidos para cada cor e tom, permitindo que você escolha o formato mais adequado ao seu projeto.
Sim, o Tailwind Color Reference é completamente gratuito e não requer nenhum tipo de cadastro ou conta.