O texto gradiente preenche as letras com uma mistura suave de cores usando background-clip: text — o efeito por trás de inúmeros títulos hero e páginas de destino. Com animação, o gradiente flui lentamente pelas letras.
Digite seu texto, escolha duas cores e um ângulo, ative a animação de brilho e copie o CSS. A saída inclui os prefixos de navegador para funcionar em todos.
Frequently Asked Questions
Q: Por que o gradiente não aparece no navegador?
Por que o gradiente não aparece no navegador? O truque precisa de -webkit-background-clip: text e -webkit-text-fill-color: transparent. Ambos estão na saída — verifique se um minificador CSS não os removeu.
Q: Funciona em todos os navegadores?
Funciona em todos os navegadores? Sim — Chrome, Edge, Safari e Firefox suportam background-clip: text. Navegadores muito antigos mostram cor sólida se você definir um fallback antes.
Q: Posso usar em botões?
Posso usar em botões? Sim, mas botões carregam ações: prefira um rótulo sólido de alto contraste e reserve o texto gradiente para títulos e decoração.
Q: Como adiciono mais de duas cores?
Como adiciono mais de duas cores? Edite o linear-gradient da saída e adicione paradas de cor, por exemplo linear-gradient(90deg, red, yellow, blue).
Q: É bom para SEO e acessibilidade?
É bom para SEO e acessibilidade? O texto continua sendo HTML real, então o SEO não é afetado. Mantenha o contraste alto e evite gradiente no corpo do texto.
Cores do Brasil
Do verde da bandeira ao azul dos azulejos, as cores brasileiras misturam natureza tropical, herança portuguesa e a energia do carnaval. Uma paleta viva que reflete a identidade visual do país.
Verde Bandeira #009C3BO verde da bandeira nacional, símbolo das matas
Amarelo Bandeira #FFDF00O ouro do losango da bandeira brasileira
Azul Bandeira #002776O azul do círculo e das estrelas
Azul Azulejo #1E5FA8Herança dos azulejos portugueses em igrejas e casarões
Rosa Choque #FF1493A energia vibrante do carnaval e das marcas jovens
Verde Amazônia #228B22A floresta tropical, pulmão do planeta
Amarelo Ouro #FFD700O ouro do barroco mineiro de Ouro Preto
Terracota Nordestina #CD5C5CA argila do sertão e do artesanato nordestino
Anil #4B0082Cor do vestido tradicional das baianas
Branco Areia #EDE4D3As praias de areia clara do litoral
Q: Qual é o verde da bandeira do Brasil?
Qual é o verde da bandeira do Brasil? O verde oficial da bandeira brasileira é aproximadamente #009C3B, junto com o amarelo #FFDF00 e o azul #002776.
Q: O que é o azul azulejo?
O que é o azul azulejo? É o azul característico dos azulejos portugueses (aproximadamente #1E5FA8), herança colonial presente na arquitetura de igrejas, casarões e cidades históricas brasileiras.