Générateur de dégradés CSS
Compose un dégradé linéaire ou radial à l'œil, avec un aperçu en direct, puis copie le CSS prêt à coller. Tout s'exécute dans ton navigateur.
#e0327f0%#6d34d6100%background: linear-gradient(90deg, #e0327f 0%, #6d34d6 100%);
S'exécute dans ton navigateur. Ce que tu saisis n'est pas envoyé à PayloadIQ.
Cet outil génère un dégradé CSS directement dans ton navigateur : tu choisis les couleurs, leurs positions, le type (linéaire ou radial) et l'angle, et l'aperçu se met à jour en temps réel. La sortie est une déclaration background complète, prête à coller dans ta feuille de style. Rien n'est envoyé sur un serveur — tout le rendu se fait en local sur ton appareil.
Compose-le, vois-le, copie-le
Ajoute autant d'arrêts de couleur que tu veux, fais glisser chacun à sa place le long de la bande, et bascule entre dégradé linéaire et radial pour comparer. Un dégradé linéaire fond les couleurs le long d'une droite selon l'angle que tu règles, tandis qu'un radial les diffuse depuis le centre vers l'extérieur. L'aperçu se met à jour à chaque réglage, donc tu ajustes le rendu à l'œil au lieu de deviner les valeurs, et tu récupères une déclaration background propre, sans préfixe inutile, prête à coller dans ton CSS.
Tout reste dans ton navigateur
Le dégradé est calculé et affiché en local : aucune couleur, aucun code ne quitte ton appareil et rien n'est envoyé à PayloadIQ. C'est pratique au quotidien — pour habiller un bouton, un arrière-plan de section ou un en-tête de carte — sans dépendre d'une connexion ni d'un service tiers. Tu copies le résultat d'un clic, tu le colles dans ta feuille de style ou dans un attribut style en ligne, et c'est terminé. Pas d'inscription, pas de publicité.