Biblioteca de gradiente de cor Pastel escolhida a mão pelo CoolHue

Os gradientes da Web são hoje em dia uma dúzia, uma vez que o CSS3 facilita a criação de gradientes desde o início, e com a biblioteca de códigos correta, é ainda mais fácil.

É aí que entra o valor do coolHue. Esta biblioteca on-line gratuita é talvez o melhor lugar para encontre gradientes impressionantes para o seu site.

A maioria dos gradientes segue uma seleção de pastel de duas cores ou três cores muito brilhante. Mas os gradientes são fáceis de editar, para que você possa usá-los em qualquer site.

Na página principal, pode não parecer muito. É principalmente uma coleção de gradientes escolhidos a dedo com diferentes tons e opções de cores. No entanto, se você visitar o repositório do GitHub, encontrará uma outra história. Esta coleção é a melhor escolha para encontrar paletas de cores personalizadas, todos projetados especificamente para websites.

Também é fácil portar esses gradientes para uma interface do usuário de aplicativo para dispositivos móveis. Mas descobri que são mais úteis com tendências de design mais recentes, como sombras.

Ao editar seu site, você pode passar matizes de cor em uma matriz personalizada colorData variável. Isso deve aparecer dentro do seu HTML principal junto com todos os seus elementos gradientes.

Usando JavaScript, você tem controle total sobre como as cores se combinam. O CSS3 também pode suportar várias cores, mas é mais difícil fazê-las funcionar em todos os elementos da página e em todos os navegadores.

Com o site coolHue, você pode até baixar arquivos PNG gratuitos dos gradientes. Dessa forma, você pode editá-los em projetos de design gráfico, modelos de sites ou usá-los fora do código HTML / CSS / JS..

E se você é um grande usuário do Photoshop, há até mesmo um arquivo gradiente .grd com todos os gradientes coolHue. Impressionante?

Visite o repositório do GitHub para obter instruções de configuração e amostras de trechos de código. Lá você também encontrará o arquivo gradiente PS junto com o arquivo gradiente Sketch e muito mais.