Bibliothèque de dégradés Web pastel cueillies à la main de CoolHue

Les dégradés Web ne coûtent pas une dizaine de jours, car CSS3 facilite la création de dégradés à partir de zéro. Avec la bonne bibliothèque de codes, c'est encore plus simple..

C'est là que la valeur de coolHue entre en jeu. Cette bibliothèque en ligne gratuite est peut-être le meilleur endroit pour trouver des gradients impressionnants pour votre site.

La plupart des dégradés suivent une sélection de pastel bicolore ou tricolore très lumineuse. Mais les dégradés sont faciles à modifier pour que vous puissiez les utiliser avec n’importe quel site..

Sur la page principale, cela peut ne pas sembler beaucoup. Il s’agit principalement d’une collection de dégradés sélectionnés à la main, présentant différentes teintes et choix de couleurs. Pourtant, si vous visitez le dépôt GitHub, vous trouverez une toute autre histoire. Cette collection est le meilleur choix pour trouver palettes de couleurs personnalisées, tous spécialement conçus pour les sites Web.

Il est également assez facile de porter ces gradients dans une interface utilisateur d'application mobile. Mais j'ai trouvé qu'ils étaient plus utiles avec les nouvelles tendances en matière de design, telles que les ombres portées.

Lorsque vous modifiez votre site, vous pouvez passer des nuances de couleurs dans un tableau personnalisé variable colorData. Cela devrait apparaître dans votre code HTML principal avec tous vos éléments de dégradé.

En utilisant JavaScript, vous avez un contrôle total sur la façon dont les couleurs se mélangent. CSS3 peut également prendre en charge plusieurs couleurs, mais il est plus difficile de les faire fonctionner dans tous les éléments de page et tous les navigateurs..

Avec le site coolHue, vous pouvez même télécharger gratuitement les fichiers PNG des gradients. De cette façon, vous pouvez les modifier dans des projets de conception graphique, des maquettes de sites Web ou les utiliser en dehors du code brut HTML / CSS / JS..

Et si vous êtes un grand utilisateur de Photoshop, il existe même un fichier de dégradé .grd avec tous les dégradés de coolHue. Droit génial?

Visitez le dépôt GitHub pour les instructions de configuration et des extraits de code. Vous y trouverez également le fichier de dégradé PS avec le fichier de dégradé Sketch et bien plus encore..