chevron_right

Générateur de dégradés

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

Type

LinearRadialConic

Angle : 135°

Points de couleur

100%

Préréglages

CSS généré

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Outils similaires

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

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

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érez des formes CSS clip-path avec aperçu en direct.

Couper le son d’une vidéo

Couper le son d’une vidéo vous aide à supprimer le son indésirable d’un clip directement dans le navigateur. Utilisez-le pour préparer, nettoyer et publier des médias rapidement et en privé.

Recadrer les pixels transparents automatiquement

Rognez automatiquement les bordures transparentes des images PNG. Détecte le rectangle englobant non transparent et recadre l'image en conséquence.

Fusionner des fichiers audio

Fusionner des fichiers audio vous aide à fusionner plusieurs sons en une piste directement dans le navigateur. Utilisez-le pour préparer, nettoyer et publier des médias rapidement et en privé.

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.