🛠️ Ferramenta de Navegador
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.
cor
View all →Biblioteca de Cores Populares
Navegue pela nossa biblioteca abrangente com mais de 500 cores populares nomeadas, organizadas em 20 categorias. Pesquise cores por nome ou código HEX, copie valores instantaneamente e explore grupos de cores do básico ao vintage.
Biblioteca de Paletas de Cores Populares
Explore mais de 200 paletas de cores profissionalmente selecionadas e organizadas por categoria. Copie cores instantaneamente, favorite paletas, exporte como CSS, JSON, PNG ou PDF. Perfeito para designers e desenvolvedores.
Conversor Gratuito de Cores Hex para Pantone
Converta cores hexadecimais para as cores Pantone mais próximas com nossa ferramenta online gratuita. Apresenta correspondência de cores Delta E precisa, navegue por mais de 40 cores Pantone populares e obtenha comparações de cores instantâneas. Perfeito para designers, impressores e profissionais de cor.
Conversor Gratuito de Cores HSV para Pantone
Converta cores HSV (Matiz, Saturação, Valor) para suas correspondências Pantone mais próximas instantaneamente. Encontre a cor Pantone perfeita com nossa ferramenta abrangente de correspondência de cores, com comparações visuais e ciência de cores precisa.
Conversor Gratuito de Cores RGB para Pantone
Converta cores RGB para as suas correspondências Pantone mais próximas com o nosso algoritmo avançado de correspondência de cores. Navegue por cores Pantone selecionadas, compare diferenças de cores e obtenha códigos de cores precisos para projetos de design.
Conversor Online Gratuito de CMYK para Pantone
Converta cores CMYK para as suas correspondências Pantone mais próximas usando ciência de cores avançada. Navegue por uma coleção selecionada de cores Pantone populares com comparação de cores em tempo real e funcionalidade de cópia.