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 de Couleurs Aléatoires

Générez des palettes de couleurs aléatoires avec des règles d'harmonie.

Générateur de Box Shadow

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

Générateur de Border Radius

Contrôlez visuellement l'arrondi des coins et copiez le CSS.

Générateur CSS Clip-Path

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

Générateur Bcrypt

Générez des hachages de mot de passe bcrypt.

Binaire vers Texte

Convertit le binaire (0 et 1) en texte lisible.

JSON Déaplatir

Développez les clés JSON à notation par points plats dans une structure d'objet imbriquée.

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.