Um gradiente de cores é uma mistura gradual entre duas ou mais cores. Normalmente, um gradiente é definido por duas cores definidas pelo usuário e o computador calcula automaticamente todas as cores entre elas. Os gradientes de cores podem consistir em duas ou mais cores definidas pelo uso. No código CSS para sites, você pode definir gradientes lineares e radiais. Um gradiente linear de cores combina cores em uma linha reta e resulta em uma transição progressiva de cores de um ponto para outro. Um gradiente de cor radial combina cores de maneira circular e resulta em uma transição de cores que irradia de um determinado ponto.
Normalmente, um designer escolhe duas ou mais cores para fazer um gradiente de cores. Isso requer experiência de design e um bom olho para a harmonia das cores. Nosso gerador de gradiente de cores utiliza os algoritmos de gradiente de cores de nosso criador de logotipo My Brand New Logo, que cria automaticamente gradientes de cores de boa aparência e * bem equilibrados. Você só precisa selecionar uma única cor, e nosso gerador de gradiente gera automaticamente um gradiente bonito com base nisso. Há muita ciência das cores nos bastidores, mas tenha certeza de que o gradiente de cores sempre fica bem.
Nosso gerador de gradiente de fundo CSS cria automaticamente um gradiente de cores com base na cor selecionada. Temos diferentes estilos de gradientes. O estilo de luz gera um gradiente de cor que parece estar sendo destacado por uma fonte de luz. Perfeito para adicionar brilho às suas cores. O estilo profundo leva esse conceito um pouco mais longe e adiciona mais tons ao espectro de cores. O estilo arco-íris é perfeito para cores mais claras, para criar uma aparência de madrepérola. E o estilo intenso cria um gradiente de cores intenso, profundo e rico.
Quando você seleciona uma cor, pode arrastar os controles deslizantes para ajustar o gradiente. O primeiro controle deslizante controla a quantidade de gradiente. O segundo controle deslizante controla a rotação do gradiente de cores. Você pode usar isso para simular de onde vem a luz. O terceiro controle deslizante muda do modo linear para o radial.
Se você estiver satisfeito com seu gradiente, obtenha seu código CSS copiando e colando o código de gradiente de cores CSS gerado. Coloque-o em seu próprio código CSS para obter exatamente o mesmo gradiente em seu próprio design web.
Se você deseja criar um logotipo com um gradiente de cores, configuramos algumas diretrizes para você:
Use este código CSS em seu projeto da web para obter seu gradiente de cores: