ZoutilGénérateur de dégradé CSS
Compose un dégradé et copie 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. Choisis 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 ton navigateur.
Comment ça marche
- 01
Choisis les couleurs
Couleur de départ et d'arrivée.
- 02
Règle l'angle
Oriente la transition (0–360°).
- 03
Copie le CSS
Colle le linear-gradient dans ta 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 ton 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ée 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)
Convertis une couleur entre HEX, RGB et HSL.
05 · GÉN.Générateur d'UUID
Génère 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
Tire des nombres au hasard entre deux bornes.