Couleurs · Dégradés
Mesher
Générateur de dégradés maillés aux transitions douces, avec export du code CSS.
Mesher est un générateur de dégradés maillés proposé par CSS Hero, un nom connu pour ses outils d’aide à la personnalisation de feuilles de style. Il produit des fonds aux transitions douces, composés de plusieurs taches de couleur qui se fondent entre elles.
Le principe est de choisir les teintes et leur disposition, puis de visualiser immédiatement le rendu. Le site exporte le résultat sous la forme de code CSS, que l’on peut copier et coller dans un projet web. Le dégradé reste ainsi léger et modifiable, sans passer par un fichier image. L’outil est gratuit.
Il intéresse les graphistes qui conçoivent des sites, des pages d’atterrissage ou des interfaces, et qui souhaitent des arrière-plans colorés sans alourdir le chargement des pages. L’export en CSS suppose de savoir intégrer du code dans un projet, et le rendu dépend des capacités d’affichage du navigateur, ce qui peut différer d’un support à l’autre.
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.