Explore nossa coleção selecionada de mais de 100 gradientes de cores deslumbrantes. Clique nas amostras de gradiente para ver as cores individuais, copie o código CSS instantaneamente e encontre as combinações de gradiente perfeitas para seus designs.
Navegue pela Coleção de Gradientes
Role pela grade de amostras de gradiente para explorar diferentes combinações e estilos de cor. Cada gradiente exibe seu nome e códigos de cor.
Ver Cores Individuais
Clique na metade esquerda de um gradiente para ver a cor inicial, ou clique na metade direita para ver a cor final. O código HEX será exibido por 2 segundos.
Copiar CSS do Gradiente
Clique no botão 'Clique para copiar gradiente' abaixo de qualquer gradiente para copiar a propriedade CSS de background completa para sua área de transferência.
Use em Seu Projeto
Cole o código CSS copiado em sua folha de estilos ou estilos inline. O gradiente está pronto para ser usado no formato linear-gradient.
Mais de 100 Gradientes Selecionados
Acesse uma coleção cuidadosamente selecionada de mais de 100 lindas combinações de gradiente, organizadas por estilo e tema de cor para facilitar a navegação.
Pré-visualização Interativa de Cores
Clique na metade esquerda ou direita de qualquer amostra de gradiente para ver as cores individuais de início e fim com seus códigos HEX exibidos.
Cópia de CSS com Um Clique
Copie instantaneamente o código CSS linear-gradient pronto para usar para sua área de transferência com um único clique no botão de copiar.
Grade Visual de Gradientes
Navegue pelos gradientes em um layout de grade limpo e moderno, com nomes de gradiente e códigos de cor claramente exibidos para referência rápida.
Gradientes de cor são transições suaves entre duas ou mais cores, criando uma mistura visualmente atraente. No design web, os gradientes lineares CSS permitem criar essas transições de cor que fluem em uma direção especificada. Nossa biblioteca apresenta combinações de gradiente profissionalmente selecionadas que funcionam bem juntas, economizando seu tempo na busca por transições de cor harmoniosas para backgrounds, botões, cartões e outros elementos de design.
Profissionalmente Selecionado
Cada gradiente em nossa coleção foi cuidadosamente selecionado por seu apelo visual e versatilidade de design, garantindo combinações de cores de alta qualidade.
CSS Pronto para Usar
Obtenha código CSS instantâneo que funciona imediatamente. Não há necessidade de escrever manualmente a sintaxe do gradiente ou experimentar valores de cor.
Inspeção Interativa de Cores
Visualize as cores individuais do gradiente clicando em diferentes partes da amostra, facilitando a compreensão das cores exatas usadas.
Ferramenta de Design que Economiza Tempo
Pule a fase de tentativa e erro na criação de gradientes do zero. Encontre o gradiente perfeito rapidamente e implemente-o imediatamente em seus projetos.
A biblioteca contém mais de 100 combinações de gradiente cuidadosamente selecionadas, apresentando vários estilos, desde transições sutis a misturas ousadas e vibrantes, adequadas para diferentes necessidades de design.
Clique na metade esquerda de uma amostra de gradiente para ver a cor inicial, ou clique na metade direita para ver a cor final. O código HEX será exibido na amostra por 2 segundos.
A ferramenta copia uma propriedade CSS background completa com um linear-gradient que vai da esquerda para a direita (direção 'to right'). Por exemplo: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Sim, todos os gradientes na biblioteca são livres para uso em projetos pessoais e comerciais, sem restrições. Gradientes de cor não podem ser protegidos por direitos autorais.
Depois de copiar o código CSS, cole-o em sua folha de estilos ou como um estilo inline. Você pode aplicá-lo ao background de qualquer elemento, como divs, seções, botões ou cartões.
Sim, depois de copiar o CSS, você pode alterar a direção modificando a parte 'to right' para outros valores como 'to bottom', 'to top', '45deg', ou qualquer ângulo que você preferir.