Créez de superbes dégradés linéaires, radiaux et coniques avec un éditeur visuel. Ajoutez plusieurs arrêts de couleur, ajustez les angles et générez du code CSS instantanément.
Sélectionnez linéaire, radial ou conique via les boutons de type de dégradé. L'aperçu en direct se met à jour immédiatement.
Utilisez les sélecteurs de couleur et les curseurs de position pour définir vos couleurs. Cliquez sur 'Ajouter un point' pour plus de couleurs ou sur l'icône de corbeille pour en supprimer. Réorganisez les points avec les flèches haut/bas.
Pour les dégradés linéaires et coniques, faites glisser le curseur d'angle (0°–360°) pour contrôler la direction du dégradé. Les dégradés radiaux n'utilisent pas d'angle.
Cliquez sur 'Copier CSS' pour copier la propriété background dans votre presse-papiers, ou exportez le dégradé en fichier SVG. Vous pouvez aussi utiliser les boutons de partage pour envoyer un lien qui reproduit votre dégradé.
Cliquez sur 'Aléatoire' pour générer un dégradé aléatoire à deux couleurs avec un angle aléatoire, ou sur 'Effacer' pour tout réinitialiser aux paramètres par défaut.
Chaque point de couleur définit une couleur et une position de 0% à 100%. Le navigateur calcule des transitions douces entre les points adjacents selon la spécification CSS des dégradés. Vous pouvez ajouter autant de points que nécessaire pour créer des effets multicolores complexes.
L'outil génère un CSS linear-gradient() avec l'angle choisi. Les couleurs se mélangent en ligne droite du point de départ au point d'arrivée. Modifier l'angle fait pivoter la direction du dégradé.
Les dégradés radiaux utilisent radial-gradient(circle) pour produire des transitions circulaires depuis le centre vers l'extérieur. Les dégradés coniques utilisent conic-gradient() pour balayer les couleurs autour d'un point central à partir de l'angle défini — utile pour les graphiques circulaires, les roues de couleurs et les effets décoratifs.
Lors de l'export en SVG, l'outil convertit vos points de couleur en éléments de dégradé SVG (linearGradient ou radialGradient) et les intègre dans un fichier SVG autonome utilisable dans les outils de design ou intégrable dans des pages web.
Votre type de dégradé, angle et points de couleur sont encodés dans l'URL de la page. Partager cette URL permet à quiconque d'ouvrir exactement le même dégradé dans son navigateur sans avoir à le recréer manuellement.
Vous pouvez créer trois types : les dégradés linéaires qui mélangent les couleurs le long d'une ligne droite, les dégradés radiaux qui rayonnent depuis un point central en cercle, et les dégradés coniques qui balaient les couleurs autour d'un point central comme un cercle chromatique.
Préréglages enregistrés est une fonctionnalité Supporter.
Historique des outils est une fonctionnalité Supporter.
Notes d'outils est une fonctionnalité Supporter.
