Couleurs · Dégradés
Color-blend
Calcule jusqu’à dix couleurs intermédiaires entre deux couleurs données, avec leurs valeurs.
Hébergé sur le site d’Eric Meyer, meyerweb.com, Color-blend calcule des couleurs intermédiaires entre deux couleurs données. Il est distribué sous licence Creative Commons Attribution-ShareAlike 1.0.
On choisit un format de saisie, hexadécimal, RVB ou RVB en pourcentages, puis deux couleurs CSS valides, et enfin le nombre de couleurs intermédiaires à produire, de une à dix. L’outil affiche la série obtenue avec la valeur de chaque couleur. Un clic sur un carré remplit un champ, et l’adresse de la page se met à jour pour partager ou conserver le résultat. L’outil est gratuit.
Pour un graphiste, c’est un moyen précis de construire une échelle régulière entre deux teintes, par exemple pour des paliers de dégradé, des états d’interface ou des cartes de données. Il ne gère que des couleurs CSS standards et ne propose ni palettes, ni vérification de contraste.
Dans la même rubrique
-
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.
-
Grabient
grabient.com (site externe, nouvelle fenêtre)
Sélecteur de dégradés simple et rapide, avec le code CSS à copier directement.