Couleurs · Dégradés
uiGradients
Dégradés CSS prêts à l’emploi, à parcourir par couleur et à copier en un clic.
uiGradients est un catalogue de dégradés CSS prêts à l’emploi, que l’on parcourt par couleur. Chaque dégradé est présenté avec un nom et deux ou trois teintes qui se fondent l’une dans l’autre.
Un clic sur un dégradé affiche le code CSS correspondant, que l’on copie en un clic pour l’intégrer à une feuille de style. On peut aussi filtrer la collection par couleur dominante. Le site est gratuit et se consulte dans le navigateur.
Un graphiste le consulte pour trouver une idée de fond pour une page web, une bannière ou un bouton, avec le code déjà prêt à l’emploi. La collection est composée de dégradés existants et ne s’édite pas dans le site : pour les modifier, il faut reprendre le code dans un autre outil. Son intérêt est avant tout de fournir des associations de teintes éprouvées et de faire gagner du temps.
Dans la même rubrique
-
Color-blend
meyerweb.com (site externe, nouvelle fenêtre)
Calcule jusqu’à dix couleurs intermédiaires entre deux couleurs données, avec leurs valeurs.
-
ColorGradient
colorgradient.dev (site externe, nouvelle fenêtre)
Outil gratuit pour créer visuellement des dégradés CSS simples et complexes.
-
Coolhue
webkul.github.io (site externe, nouvelle fenêtre)
Sélection de dégradés soignés, fournis avec le code correspondant.
-
CSS Gradient
cssgradient.io (site externe, nouvelle fenêtre)
Générateur de dégradés CSS avec aperçu, curseurs de couleurs et code prêt à copier.
-
CSS Gradient Editor
cssgradienteditor.com (site externe, nouvelle fenêtre)
Éditeur de dégradés CSS pour créer arrière-plans et motifs, avec code prêt à copier.
-
Eggradients
eggradients.com (site externe, nouvelle fenêtre)
Collection de dégradés de couleurs à copier, avec leur code CSS, pour les arrière-plans.