Usando Cores no Tailwind CSS
Cores
O Tailwind CSS oferece uma ampla variedade de utilitários de cores que podem ser aplicados aos elementos. Esses utilitários permitem definir rapidamente cores de fundo, cores de texto e cores de borda.
Observação
Os números nessas classes representam diferentes tonalidades da cor base. Esses números variam de
50a900:
- Números menores (por exemplo,
50): Tonalidades mais claras;- Números maiores (por exemplo,
900): Tonalidades mais escuras.
Cores de Fundo
Utilize o prefixo bg- seguido do nome da cor e da tonalidade.
index.html
Cores do Texto
Utilize o prefixo text- seguido do nome da cor e tonalidade.
index.html
Cores da Borda
Utilize o prefixo border- seguido do nome da cor e tonalidade.
index.html
Nota
Para visualizar todas as cores disponíveis, consulte a documentação do Tailwind nos links abaixo.
1. Qual classe deve ser utilizada para definir a cor de fundo azul?
2. Qual classe utilitária você usaria para definir a cor do texto como cinza?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you give examples of how to use these color classes in HTML?
What are some common color names available in Tailwind?
How do I customize or add my own colors in Tailwind?
Awesome!
Completion rate improved to 3.57Usando Cores no Tailwind CSS
Deslize para mostrar o menu
Cores
O Tailwind CSS oferece uma ampla variedade de utilitários de cores que podem ser aplicados aos elementos. Esses utilitários permitem definir rapidamente cores de fundo, cores de texto e cores de borda.
Observação
Os números nessas classes representam diferentes tonalidades da cor base. Esses números variam de
50a900:
- Números menores (por exemplo,
50): Tonalidades mais claras;- Números maiores (por exemplo,
900): Tonalidades mais escuras.
Cores de Fundo
Utilize o prefixo bg- seguido do nome da cor e da tonalidade.
index.html
Cores do Texto
Utilize o prefixo text- seguido do nome da cor e tonalidade.
index.html
Cores da Borda
Utilize o prefixo border- seguido do nome da cor e tonalidade.
index.html
Nota
Para visualizar todas as cores disponíveis, consulte a documentação do Tailwind nos links abaixo.
1. Qual classe deve ser utilizada para definir a cor de fundo azul?
2. Qual classe utilitária você usaria para definir a cor do texto como cinza?
Obrigado pelo seu feedback!
