Générateur de dégradé CSS
Créez de beaux dégradés CSS linéaires et radiaux avec un éditeur visuel
Gradient Settings
CSS Output
background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
CSS Gradient Generator
Create beautiful linear and radial CSS gradients with a live preview. Add multiple color stops, adjust angles, and copy the ready-to-use CSS code in one click.
FAQ
What is a CSS gradient?
A CSS gradient is a smooth transition between two or more colors generated by the browser — no image file needed. Use background: linear-gradient() or radial-gradient().
How do I make a gradient with transparency?
Use rgba() or hsla() colors with an alpha value less than 1, or use the keyword 'transparent' as one of the color stops.
What is the difference between linear and radial gradients?
Linear gradients transition along a straight line (e.g. top to bottom). Radial gradients radiate outward from a center point in a circle or ellipse.
Continuer à explorer
Autres outils Développement qui pourraient vous plaire…
Formateur JSON
Formatez, validez et minifiez JSON avec coloration syntaxique et détection d'erreurs
Encodeur/Décodeur Base64
Encodez du texte ou des fichiers en Base64 et décodez des chaînes Base64
Encodeur/Décodeur URL
Encodez et décodez des composants URL et paramètres de chaîne de requête
Générateur d'UUID
Générez des UUIDs aléatoires (v1, v4) ou générez plusieurs UUIDs en masse
Générateur de Hash
Générez des hashes MD5, SHA-1, SHA-256, SHA-512 depuis du texte ou des fichiers
Testeur de Regex
Testez des expressions régulières avec mise en évidence des correspondances en temps réel
Décodeur JWT
Décodez et inspectez les JSON Web Tokens — header, payload et vérification de signature
Formateur HTML
Formatez et embellissez le code HTML avec une indentation correcte et coloration syntaxique