Tiny Online Tools logoTiny Online ToolssearchRechercher des outils…grid_viewTous les outils
Accueilchevron_rightOutils de Designchevron_rightGénérateur de dégradésGénérateur de dégradés

Générateur de dégradés

Créez des dégradés CSS visuellement avec aperçu en direct.

TypeLinearRadialConicPoints de couleur
Préréglages
CSS généré
background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Outils similaires

Générateur d’ombres de texte

Générateur d’ombres de texte

Créez des effets CSS text-shadow avec aperçu en direct.

Générateur de Box Shadow

Générateur de Box Shadow

Créez des ombres CSS visuellement avec un aperçu en temps réel.

Générateur de Dégradé Mesh

Générateur de Dégradé Mesh

Créez des arrière-plans dégradés "mesh" en SVG en mélangeant plusieurs points de couleur radiaux — comme un mesh gradient CSS.

Générateur CSS Clip-Path

Générateur CSS Clip-Path

Générez des formes CSS clip-path avec aperçu en direct.

Video to JPG Frames

Video to JPG Frames

Extract individual frames from any video as JPG images. Choose frame interval, fully private.

Validateur d'adresses IP

Validateur d'adresses IP

Validez des adresses IPv4, IPv6 et la notation CIDR avec les détails du type d'adresse et du sous-réseau.

Fusionner CSV

Fusionner CSV

Fusionnez plusieurs fichiers CSV en empilant les lignes ou en les joignant sur une colonne clé.

apps

Plus d'outils

Parcourez notre collection complète d'outils en ligne gratuits.

Construisez vos dégradés visuellement avant de les figer dans le code

Les dégradés deviennent vite plus complexes dès qu’il faut gérer l’angle, le type et plusieurs points de couleur. Cet outil vous aide à explorer ces choix visuellement puis à récupérer un CSS propre une fois la bonne direction trouvée.

Quand c’est le plus utile

Il fonctionne très bien pour des fonds hero, des boutons, des overlays et des textures de marque discrètes. Après génération, testez le dégradé avec du vrai texte et de vrais éléments d’interface afin de repérer tôt les problèmes de contraste ou de banding.