Paleta Completa de Cores do Tailwind CSS para Copiar
Explore todas as cores do Tailwind CSS (v3 e v4) com swatches visuais. Clique para copiar o nome da classe (ex: blue-500) ou o valor HEX. Referência rápida para desenvolvimento com Tailwind.
O que é esta ferramenta?
Paleta de Cores do Tailwind CSS reúne interface, contexto e exemplos para este fluxo de desenvolvimento. Explore e copie todas as cores do Tailwind CSS com valores HEX e nomes de classes. Gratuito. Use em desenvolvimento, testes, automação, demonstrações e documentação técnica.
Como usar
- Preencha o campo principal com um valor de exemplo compatível com a ferramenta.
- Revise formato, quantidade ou modo de saída quando houver opções.
- Use o resultado em fixtures, documentação, debugging ou validação de interface.
slate
gray
red
orange
amber
green
teal
blue
indigo
violet
purple
pink
Exemplo prático
Um exemplo prático de entrada e saída ajuda a confirmar o fluxo antes de usar em testes ou documentação:
Input:
one
two
three
Output:
one, two, threeAPI
Quando precisar de automatizar este fluxo fora da interface, consulte a documentação da API do 4DevTool.
Quando usar
Ferramentas relacionadas
Privacidade
A ferramenta foi desenhada para produtividade de desenvolvimento e testes. Evite inserir informações sensíveis, credenciais ou dados reais de produção.
Perguntas frequentes
Para que serve Paleta de Cores do Tailwind CSS?
Paleta de Cores do Tailwind CSS acelera testes, debug, protótipos, documentação e tarefas comuns de desenvolvimento diretamente no navegador.
Os dados são armazenados pelo 4DevTool?
As ferramentas são pensadas para uso no navegador sempre que possível. Evite colar informações sensíveis ou dados reais de produção.
Posso usar em automação de QA?
Sim. Use os resultados em testes automatizados, fixtures, mocks, demos e ambientes de desenvolvimento.
Limitações / quando não usar
Use esta ferramenta para desenvolvimento, QA, documentação e demonstrações. Evite inserir segredos, credenciais, dados reais de clientes ou informações de produção.