ZoutilGénérateur de dégradé CSS
Composez un dégradé et copiez son code CSS, localement.
background: linear-gradient(135deg, #2D567A, #EAF0F5);Un dégradé CSS (linear-gradient) crée une transition douce entre deux couleurs, très utilisée pour les fonds et les boutons. Choisissez deux couleurs et l'angle de la transition : l'aperçu se met à jour en direct et le code CSS prêt à coller s'affiche. Pratique pour un site, une maquette ou une bannière. Tout est généré dans votre navigateur.
Comment ça marche
- 01
Choisissez les couleurs
Couleur de départ et d'arrivée.
- 02
Réglez l'angle
Orientez la transition (0–360°).
- 03
Copiez le CSS
Collez le linear-gradient dans votre feuille de style.
Questions fréquentes
Comment marche l'angle ?
0° fait un dégradé du bas vers le haut, 90° de gauche à droite, 180° du haut vers le bas, etc.
Puis-je mettre plus de deux couleurs ?
Cette version gère deux couleurs ; le CSS permet d'en ajouter en éditant le code obtenu.
Y a-t-il un envoi de données ?
Non, le dégradé est généré dans votre navigateur.
Continuer dans l'atelier
Générateur de QR code
Un QR personnalisé, à télécharger en PNG ou SVG.
02 · GÉN.Générateur de mot de passe
Créez un mot de passe fort et aléatoire.
03 · GÉN.Générateur de Lorem Ipsum
Du faux texte pour remplir une maquette.
04 · GÉN.Code couleur (HEX, RGB, HSL)
Convertissez une couleur entre HEX, RGB et HSL.
05 · GÉN.Générateur d'UUID
Générez des identifiants uniques UUID v4.
06 · GÉN.Générateur de pseudo
Des idées de pseudonymes originaux.
07 · GÉN.Nombre aléatoire
Tirez des nombres au hasard entre deux bornes.