Paleta Completa de Cores do Tailwind CSS para Copiar
Explore e copie todas as cores do Tailwind CSS — de slate a rose, em todos os shades (50-950). Valores HEX, RGB e nomes de classes utilitárias prontos para usar. Referência essencial para devs Tailwind. Grátis.
O que é esta ferramenta?
Paleta de Cores do Tailwind CSS ajuda desenvolvedores, QA, estudantes e equipes de produto a resolver uma tarefa comum diretamente no navegador. Explore e copie todas as cores do Tailwind CSS com valores HEX e nomes de classes. Grátis. Use em ambientes de desenvolvimento, testes, automação, demos e documentação técnica.
Como usar
- Informe ou cole os dados no campo principal da ferramenta.
- Ajuste as opções disponíveis para o seu cenário de teste.
- Execute a ação principal e copie o resultado para o seu fluxo de desenvolvimento ou QA.
slate
gray
red
orange
amber
green
teal
blue
indigo
violet
purple
pink
Exemplo prático
Exemplo de uso em um teste automatizado com Playwright:
await page.goto('https://www.4devtool.com/br/tailwind-colors/')
await page.locator('main').waitFor()
// Fill inputs, run the tool action, then assert or copy the output.API
Quando precisar automatizar esse fluxo fora da interface, consulte a documentação da API do 4DevTool.
Para que serve
Ferramentas relacionadas
Privacidade e dados sintéticos
A ferramenta foi desenhada para produtividade de desenvolvimento e testes. Evite inserir informações sensíveis ou dados reais de produção. Sempre que houver geração de valores, use o resultado apenas como dado sintético ou auxiliar para QA, demos e desenvolvimento.
Perguntas frequentes
Para que serve Paleta de Cores do Tailwind CSS?
Paleta de Cores do Tailwind CSS serve para acelerar 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 local no navegador sempre que possível. Evite colar dados sensíveis ou informações 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.