Outils de Développement
Sélecteur de dégradé
Choisissez des couleurs ou des dégradés et copiez la valeur CSS
CSS value
Préréglages rapides
Comment utiliser le Sélecteur de dégradé
1.
Choisissez une couleur unie ou passez en dégradé
Utilisez les contrôles intégrés pour basculer et ajuster les points.
2.
Ajustez la teinte/l'opacité et les points
Affinez la couleur, l'angle et les positions.
3.
Copiez la valeur CSS
Cliquez sur Copier pour l'utiliser dans votre CSS.
Fonctionnalités du Sélecteur de dégradé
Mode couleur unie et dégradé
Basculez entre couleur unie et dégradés linéaires/radiaux.
Contrôles avancés
Angle, multiples points, opacité et préréglages.
Sortie prête à copier
Une chaîne CSS unique prête à être collée.
Questions fréquemment posées
Q: Mode sombre pris en charge ?
A: Oui, le sélecteur s'adapte au thème.
Q: Puis-je éditer les positions des points ?
A: Oui, faites glisser les points ou saisissez des valeurs.
Q: Mes couleurs seront-elles enregistrées ?
A: Utilisez le bouton Enregistrer pour stocker localement على cet appareil.
- Décodeur JWT
Décoder et analyser les tokens JWT
- Générateur JWT
Générer des tokens JWT avec des en-têtes et charges utiles personnalisés
- Constructeur cURL
Construire des commandes cURL avec des en-têtes, méthodes et options personnalisés
- Générateur de Hash Bcrypt
Hasher les mots de passe avec bcrypt avec un facteur de coût configurable
- Testeur d'Expressions Régulières
Tester les expressions régulières avec mise en évidence en direct et détails de correspondance
- Convertisseur de Temps
Convertir entre différents formats de temps avec support de fuseaux horaires
- Échappeur de Chaînes / Déséchappeur
Échapper et déséchapper les chaînes pour JSON, URL, HTML et XML avec traitement bidirectionnel
- Formateur de Données
Formater et valider JSON, XML, YAML et SQL avec coloration syntaxique
- Encodeur Base64
Encoder le texte au format Base64
- Décodeur Base64
Décoder le texte Base64 au format original
- Image vers Base64
Convertir des images en URLs de données Base64
- Base64 vers Image
Convertir les données Base64 en images avec aperçu et téléchargement
- Convertisseur ASCII
Convertir le texte en codes ASCII et vice versa
- Sélecteur de dégradé
Choisissez des couleurs ou des dégradés et copiez la valeur CSS
- Palette de Couleurs
Sélecteur de couleurs et convertisseur de format
- Sélecteur de Couleur d'Image
Extraire les couleurs des images
- Générateur de Favicon
Générer plusieurs tailles de favicon à partir de texte, emojis ou images
- Explicateur d'Expression Cron
Analyser et expliquer les expressions cron dans un format lisible
- Visualiseur JSON
Voir et explorer les données JSON dans une structure arborescente
- Générateur UUID
Générez facilement des identifiants uniques.
- Générateur de Hash
Générez divers hachages pour votre entrée.
- Renommage de Fichiers en Lot
Renommez plusieurs fichiers avec des modèles et téléchargez un ZIP
- developerTools.codeMinifier.title
developerTools.codeMinifier.description
Sélecteur de dégradé
Choisissez des couleurs ou des dégradés et copiez la valeur CSS
CSS value
Préréglages rapides
Comment utiliser le Sélecteur de dégradé
1.
Choisissez une couleur unie ou passez en dégradé
Utilisez les contrôles intégrés pour basculer et ajuster les points.
2.
Ajustez la teinte/l'opacité et les points
Affinez la couleur, l'angle et les positions.
3.
Copiez la valeur CSS
Cliquez sur Copier pour l'utiliser dans votre CSS.
Fonctionnalités du Sélecteur de dégradé
Mode couleur unie et dégradé
Basculez entre couleur unie et dégradés linéaires/radiaux.
Contrôles avancés
Angle, multiples points, opacité et préréglages.
Sortie prête à copier
Une chaîne CSS unique prête à être collée.
Questions fréquemment posées
Q: Mode sombre pris en charge ?
A: Oui, le sélecteur s'adapte au thème.
Q: Puis-je éditer les positions des points ?
A: Oui, faites glisser les points ou saisissez des valeurs.
Q: Mes couleurs seront-elles enregistrées ?
A: Utilisez le bouton Enregistrer pour stocker localement على cet appareil.
About CSS Gradient Generator
Design beautiful CSS gradients visually without writing code. Create linear, radial, and conic gradients with multiple color stops, adjust angles and positions, and copy the ready-to-use CSS property directly into your stylesheet.
Key Features
- Visual gradient designer with color stop controls
- Linear, radial, and conic gradient types
- Adjust angle and direction for linear gradients
- Preview gradient in real-time on sample elements
- Copy complete CSS background property with one click
How to Use
- Select gradient type: linear, radial, or conic
- Add color stops and pick colors using the color picker
- Drag stops to adjust position; set the gradient angle
- Copy the generated CSS code and paste it into your stylesheet
Frequently Asked Questions
What types of CSS gradients can I create?
The tool creates all three CSS gradient types: linear-gradient() for directional fades, radial-gradient() for circular/elliptical gradients, and conic-gradient() for pie-chart-style gradients.
Can I add more than two colors to a gradient?
Yes. Add as many color stops as you want. Click "Add Stop" to insert additional colors at custom positions along the gradient.
What does the gradient angle control?
For linear gradients, the angle sets the direction. 0° goes bottom to top, 90° goes left to right, 180° goes top to bottom, 270° goes right to left.
Will the CSS work in all browsers?
CSS gradients are supported in all modern browsers (Chrome, Firefox, Safari, Edge). No vendor prefixes are needed for production use in 2025.