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.

Renommer la clé JSON

Renommez les clés des objets et tableaux JSON imbriqués.

Convertir HEIC en PNG

Convertissez les photos HEIC et HEIF d'Apple au format PNG sans perte directement dans votre navigateur.

Diviser un PDF par taille de fichier

Divisez un PDF en parties plus petites qui restent sous une taille maximale en mégaoctets. Idéal pour les pièces jointes et les limites d'envoi.

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.