Gerador de texto com gradiente CSS com pré-visualização ao vivo
Gere texto com um gradiente de cor CSS (background-clip), com pré-visualização, no seu navegador.
Works in all modern browsers (-webkit- prefix included).
🔒 100 % no cliente — nenhum dado enviado
Crie texto com gradiente de cor e obtenha o CSS pronto para colar no seu projeto. Escolha cores, o ângulo e visualize o resultado em tempo real. A ferramenta roda 100% no seu navegador, sem cadastro e sem envio de dados.
What is it for?
- ▸ Destaque um título ou logotipo em texto em uma landing page
- ▸ Gere um gradiente de marca consistente para um cabeçalho
- ▸ Obtenha o código CSS com os prefixos background-clip necessários
- ▸ Teste rapidamente várias combinações de cores e ângulos
FAQ
Como aplico um gradiente ao texto em CSS?
Você aplica um fundo com gradiente ao texto e então usa background-clip: text com color: transparent para que o gradiente apareça apenas através das letras.
Texto com gradiente é compatível com todos os navegadores?
Sim em navegadores modernos, desde que você adicione o prefixo -webkit-background-clip: text para Chrome, Safari e Edge. A ferramenta inclui esse prefixo automaticamente.
Texto com gradiente causa problemas de acessibilidade?
O texto permanece selecionável e legível por leitores de tela, mas garanta contraste suficiente entre as cores do gradiente e o fundo.