uuutil ← tous les outils

Constructeur de dégradés CSS

Choisissez linéaire, radial ou conique et façonnez le dégradé avec des entrées de couleur natives, des curseurs d'opacité et de position, et des commandes d'ajout/suppression/réordonnancement des arrêts — l'aperçu pleine largeur et le CSS se mettent à jour en direct. La sortie utilise la syntaxe moderne, avec une bascule d'interpolation oklch (compatibilité indiquée). Partez d'un préréglage si vous voulez.

Registre de confidentialité

Données collectées Aucune.
Bibliothèques utilisées Lit 3 — embarqué dans le fichier de l'outil.
Données stockées Rien.
Données transmises Aucune.

Utilisez-le sur votre propre page

Téléchargez l'outil en un seul fichier HTML autonome : source lisible avec la bibliothèque Lit incluse, aucune requête réseau — il fonctionne ouvert directement depuis votre disque, et tout est personnalisable.

Vous préférez le widget hébergé ? Une seule balise script l'intègre et reste à jour :

<script type="module" src="https://uuutil.com/tools/css-gradient.js"></script>
<uu-css-gradient lang="fr"></uu-css-gradient>

Licence du code source : MIT — libre d'utiliser, de modifier et de redistribuer ; conservez la mention de licence dans les copies.