# Gradiente no Canva: o que dá para fazer e onde acaba [Canonical HTML page](https://gradiently.design/pt-br/guide/canva-gradient) O Canva faz um gradiente em dois minutos. Veja como acertar, quais códigos de cor colar e os limites honestos que vale conhecer antes de montar uma marca inteira em cima dele. ## The short version - O painel de cores do Canva oferece gradientes prontos e uma opção de gradiente personalizado que pode preencher o fundo da página ou várias formas. - Um gradiente personalizado no Canva permite definir as cores por código hex e escolher uma direção linear ou um estilo radial. - Uma forma com gradiente e transparência reduzida sobre uma foto é a maneira mais simples de fazer uma sobreposição de gradiente no Canva. - Os gradientes do Canva são misturas de cor chapadas, então granulado, textura e luz suave precisam ser acrescentados com elementos separados. - Os gradientes prontos e os elementos da biblioteca são compartilhados por todos os usuários do Canva, o que é prático, mas não distintivo. Para fazer um **gradiente no Canva**, selecione o fundo da página ou uma forma, abra o painel de cores e escolha um dos gradientes prontos ou adicione uma nova cor e mude para gradiente. Você pode digitar o código hex exato de cada cor e escolher uma direção reta ou um estilo radial. Isso resolve bem a maioria dos fundos rápidos. O limite está na textura, na luz e na exclusividade: um preenchimento em gradiente é uma mistura chapada que qualquer usuário faz, então um visual que precise ser seu exige mais que o preenchimento. O Canva atualiza o editor com frequência, então os nomes dos menus podem mudar um pouco. Os passos abaixo descrevem o caminho geral, que tem se mantido. ## Como fazer um gradiente personalizado no Canva 1. **Selecione o que preencher** Clique em uma área vazia da página para selecionar o fundo, ou clique em uma forma de Elementos. Fotos seguem outro caminho, explicado abaixo. 2. **Abra o painel de cores** Clique no quadrado de cor na barra de ferramentas no alto. Os gradientes prontos ficam junto das cores padrão. 3. **Crie o seu** Adicione uma nova cor e troque de sólida para gradiente. Clique em cada cor do gradiente e cole um código hex em vez de arrastar pelo seletor. 4. **Escolha o estilo** Escolha uma direção linear para uma varredura pelo design, ou radial para uma mancha de cor que se dissolve para fora. O centro radial combina com um produto ou uma única palavra. 5. **Reaproveite** Depois de aplicado, o gradiente costuma aparecer entre as cores do documento, e dá para usá-lo em outras páginas e formas sem refazer. ## Códigos de cor de gradiente para colar no Canva O jeito mais rápido de ter um gradiente melhor são códigos de cor melhores. Pares próximos no círculo cromático se misturam bem; cores opostas ficam cinzentas no meio, o problema descrito em [gradientes sujos](https://gradiently.design/pt-br/guide/muddy-gradients). Cada par abaixo usa duas cores parecidas com diferença clara de luminosidade, o que dá profundidade sem sujeira. - Índigo #1e1b4b a violeta #8b5cf6: `linear-gradient(135deg, #1e1b4b 0%, #8b5cf6 100%)` - Azul-petróleo #0f766e a menta #99f6e4: `linear-gradient(135deg, #0f766e 0%, #99f6e4 100%)` - Ferrugem #9a3412 a damasco #fdba74: `linear-gradient(135deg, #9a3412 0%, #fdba74 100%)` - Framboesa #be185d a rosa #fbcfe8: `linear-gradient(135deg, #be185d 0%, #fbcfe8 100%)` - Azul profundo #0c4a6e a céu #38bdf8: `linear-gradient(135deg, #0c4a6e 0%, #38bdf8 100%)` - Grafite #3f3f46 a pedra #e7e5e4: `linear-gradient(135deg, #3f3f46 0%, #e7e5e4 100%)` Seis gradientes de duas cores com seus códigos hex. Cole o primeiro código como cor inicial e o segundo como final. Para mais pares, veja [gradientes de duas cores](https://gradiently.design/pt-br/guide/two-color-gradients). ## Gradientes em fotos e como sobreposição Para tingir uma foto, coloque um quadrado de Elementos sobre ela, estique até cobrir a imagem, dê a ele um preenchimento em gradiente e reduza a transparência para a foto aparecer. Um gradiente que vai de uma cor escura embaixo até totalmente transparente em cima é o jeito clássico de abrir espaço para um título sobre uma imagem cheia. Para um tratamento de cor mais forte, a edição de fotos do Canva tem um efeito duotone, que leva os tons da imagem para duas cores; o [efeito duotone](https://gradiently.design/pt-br/guide/duotone-effect) explica quando funciona. | O que você quer | Caminho no Canva | Cuidado com | | --- | --- | --- | | Um gradiente de página inteira | Cor de fundo e depois um gradiente | Faixas (banding) em misturas escuras após exportar | | Uma forma ou mancha em gradiente | Forma de Elementos e preenchimento em gradiente | Bordas duras ficam chapadas; suavize com elementos de desfoque | | Uma tinta sobre uma foto | Forma com gradiente por cima, transparência reduzida | Rostos ficando com uma cor estranha | | Uma foto em duas cores | Edição de foto, efeito duotone | Pares de baixo contraste que achatam os detalhes | | Um visual pronto | Buscar gradiente em Elementos | Outras pessoas usando o mesmo gráfico | Cinco trabalhos comuns com gradiente no Canva, o jeito habitual de fazer cada um e o que mais costuma dar errado. ## Onde os gradientes do Canva acabam Nenhum desses limites faz do Canva uma ferramenta ruim. Eles vêm do que é um preenchimento em gradiente: uma mistura suave e chapada entre cores que você escolhe. A força do Canva é a amplitude, cobrindo slides, documentos, vídeo e impressão num só lugar, e para um gráfico rápido de rede social os gradientes dele são perfeitamente adequados. ### O que um gradiente do Canva faz bem - Um fundo limpo em poucos cliques - Cores exatas por código hex - Estilos linear e radial - Reuso fácil dentro de um documento - Formas e sobreposições em fotos ### O que ele deixa por sua conta - Granulado, papel ou brilho na superfície - Luz que vem de algum lugar - Manter o texto legível onde a cor fica intensa - Reposicionar a luz a cada novo tamanho - Um visual que nenhuma outra conta possa usar Textura dá para simular com uma imagem de granulado por cima, com baixa transparência; [gradientes granulados](https://gradiently.design/pt-br/guide/grainy-gradients) descreve o efeito que você busca. A legibilidade você resolve na mão, movendo o texto ou a área brilhante até pararem de brigar. O último ponto é o mais difícil. Os gradientes prontos e os gráficos da biblioteca, por definição, estão à disposição de todos, o que é parte de [por que todo feed parece igual](https://gradiently.design/pt-br/guide/why-every-feed-looks-the-same). ## Quando um Mark ajuda Um Mark do Gradiently é um fundo completo de gradiente e materiais: cores, até três materiais empilhados, luz, granulado e movimento, com exatamente um dono por vez. Qualquer pessoa pode criar com um Mark que ninguém reservou, de graça. Duas diferenças importam para as lacunas acima. O Mark sabe onde estão as palavras, então sua área mais calma vai para trás do texto e a Tinta automática escolhe tinta clara ou escura em cada linha. E reservá-lo significa que só você exporta com ele, então o visual que as pessoas passam a reconhecer continua seu. Post vertical de café em que o título atravessa a parte mais brilhante do gradiente Com a resposta desligada, a cor mais brilhante pode cair atrás do título, como acontece com qualquer gradiente chapado. O mesmo post de café com uma área mais calma e profunda do fundo atrás do título Com ela ligada, o Mark se acomoda atrás das palavras e a tinta se adapta, sem caixa nem sombra. Dá para usar os dois numa boa: Canva para documentos e apresentações, Gradiently para os fundos que viram assinatura. A comparação completa está em [Gradiently vs Canva](https://gradiently.design/pt-br/guide/gradiently-vs-canva). ## FAQ ### Como faço um fundo gradiente no Canva? Clique no fundo da página, abra o painel de cores e escolha um gradiente pronto, ou adicione uma nova cor e mude para gradiente com seus próprios códigos hex. ### Posso usar minhas próprias cores em um gradiente do Canva? Sim. Em um gradiente personalizado você define cada cor colando o código hex. ### Como coloco um gradiente sobre uma foto no Canva? Coloque uma forma sobre a foto, dê a ela um preenchimento em gradiente e reduza a transparência para a imagem aparecer. ### Posso acrescentar granulado a um gradiente do Canva? Não no próprio preenchimento. Coloque uma imagem de textura de granulado ou ruído sobre o gradiente e reduza a transparência. ### Que cores fazem um bom gradiente no Canva? Duas cores parecidas com diferença clara de luminosidade, como índigo #1e1b4b para violeta #8b5cf6, que se misturam bem sem ficar cinzas.