Question 1

O que é uma paleta de tons de opacidade?

Accepted Answer

Uma paleta de tons de opacidade mostra uma cor base em diferentes níveis de opacidade, geralmente de 5% a 100%. É útil para criar estados de hover, sobreposições e variações de fundo consistentes a partir de uma única cor de marca.

Question 2

Qual é a diferença entre tons hex e rgba?

Accepted Answer

Tons hex misturam a cor com branco para simular opacidade em fundo branco. Tons RGBA usam CSS rgba() e mantêm transparência real.

Question 3

O que são nomes no estilo Tailwind (50–900)?

Accepted Answer

Tailwind CSS nomeia numericamente os tons de cor de 50 (mais claro) a 900 (mais escuro). Ativar essa opção facilita a integração com projetos Tailwind.

Question 4

Como uso esses tons no meu CSS?

Accepted Answer

Clique em qualquer amostra para copiar seu valor rgba(). Use diretamente no CSS como: color: rgba(99, 102, 241, 0.5);

Question 5

Posso usar isso para design em modo escuro?

Accepted Answer

Sim! Para modo escuro, aplicar uma cor clara com baixa opacidade (10–30%) sobre fundo escuro cria elementos UI suaves e em camadas.

Gerador de Tons de Opacidade

Perguntas Frequentes

Comments & Feedback