Um gradiente é uma transição suave entre duas ou mais cores. Os gradientes adicionam profundidade, dimensão e interesse visual a designs web, elementos de interface do usuário e ilustrações.
Selecione duas cores, escolha um ângulo de gradiente e veja instantaneamente o resultado no Canvas. Copie o código CSS para usar em seu projeto.
Frequently Asked Questions
Q: Qual é a diferença entre gradientes lineares e radiais?
Qual é a diferença entre gradientes lineares e radiais? Os gradientes lineares transitam ao longo de uma linha reta, enquanto os gradientes radiais irradiam de um ponto central.
Q: Posso usar gradientes em CSS?
Posso usar gradientes em CSS? Sim, use a propriedade background-image com funções de gradiente linear ou gradiente radial.
Q: Posso criar gradientes transparentes?
Posso criar gradientes transparentes? Sim, use o controle deslizante de opacidade ou edite manualmente o CSS copiado para usar valores de cores rgba() ou hsla(). Gradientes com transparência são ótimos para sobreposições e efeitos de vidro.
Q: Como posso tornar o gradiente responsivo?
Como posso tornar o gradiente responsivo? O CSS gerado funciona em qualquer tamanho de contêiner. Para gradientes de tela inteira, aplique o gradiente ao corpo ou a um elemento wrapper. Use background-size: cover para obter melhores resultados.
Q: Qual é a diferença entre gradientes lineares e radiais?
Qual é a diferença entre gradientes lineares e radiais? Transição de gradientes lineares ao longo de uma linha reta, perfeita para cabeçalhos e banners. Gradientes radiais irradiam de um ponto central, ideal para efeitos de destaque e elementos circulares.
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.