P Um kit de ferramentas,
cada tarefa de design

Predefinições de gradiente

Navegue e copie 15 belas predefinições de gradiente.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

P Predefinições de gradiente

Como usar a biblioteca de predefinições de gradiente

A biblioteca Gradient Presets oferece 15 combinações de gradientes escolhidas a dedo para planos de fundo da web, elementos de interface do usuário e design gráfico. Navegue pelas predefinições, clique em qualquer gradiente desejado e copie instantaneamente o código CSS para usar em seu projeto.

Os gradientes estão tendo um desempenho melhor do que nunca com CSS moderno. Eles adicionam profundidade e interesse visual sem imagens adicionais. Cada predefinição usa combinações de cores otimizadas que funcionam bem em diferentes contextos.

Pro Tips

Frequently Asked Questions

Q: Posso personalizar as predefinições?
Posso personalizar as predefinições? Sim, copie uma predefinição como ponto de partida e ajuste as cores e ângulos usando nossa ferramenta Gerador de Gradiente.
Q: Esses gradientes funcionam em todos os navegadores?
Esses gradientes funcionam em todos os navegadores? Sim, o gradiente linear é compatível com todos os navegadores modernos. A saída CSS usa a sintaxe padrão.
Q: Esses gradientes são compatíveis com dispositivos móveis?
Esses gradientes são compatíveis com dispositivos móveis? Sim, os gradientes são renderizados em todos os dispositivos. Para desempenho, evite gradientes extremamente complexos em dispositivos móveis de baixo custo.
Q: Como faço um efeito de texto gradiente?
Como faço um efeito de texto gradiente? Use a propriedade CSS background-clip: texto com fundo gradiente. Copie a predefinição e adicione as propriedades CSS adicionais.
Q: Essas predefinições são otimizadas para desempenho?
Essas predefinições são otimizadas para desempenho? Sim, os gradientes CSS são renderizados pela GPU e têm excelente desempenho. Mesmo gradientes complexos de vários pontos têm impacto mínimo na velocidade da página.

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 #009C3B

O verde da bandeira nacional, símbolo das matas

Amarelo Bandeira #FFDF00

O ouro do losango da bandeira brasileira

Azul Bandeira #002776

O azul do círculo e das estrelas

Azul Azulejo #1E5FA8

Herança dos azulejos portugueses em igrejas e casarões

Rosa Choque #FF1493

A energia vibrante do carnaval e das marcas jovens

Verde Amazônia #228B22

A floresta tropical, pulmão do planeta

Amarelo Ouro #FFD700

O ouro do barroco mineiro de Ouro Preto

Terracota Nordestina #CD5C5C

A argila do sertão e do artesanato nordestino

Anil #4B0082

Cor do vestido tradicional das baianas

Branco Areia #EDE4D3

As 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.