Générateur de dégradé
Composez des dégradés CSS linéaires, radiaux et coniques de A à Z, avec gestion multi-points déplaçables et préréglages soignés. Copiez le CSS prêt à coller instantanément.
background: —;
Tout est calculé en direct dans votre navigateur — aucune inscription, entièrement gratuit.
À propos de Générateur de dégradé
Le Générateur de dégradé construit des dégradés CSS personnalisés à partir de zéro. Choisissez un type linéaire, radial ou conique, réglez l'angle, et façonnez le mélange avec un éditeur multi-points : faites glisser les poignées pour déplacer les points d'arrêt, cliquez sur la barre pour en ajouter de nouveaux, et recolorez n'importe quel point avec un sélecteur — l'aperçu en direct se met à jour au fur et à mesure.
Des préréglages soignés vous donnent un excellent point de départ quand vous ne voulez pas commencer d'une page blanche, et des actions en un clic — aléatoire, inverser, pivoter de 45° — accélèrent l'exploration. Le CSS généré est toujours visible et reste synchronisé avec l'aperçu, donc ce que vous copiez est exactement ce que vous avez vu.
Tout est calculé en direct dans votre navigateur, sans aucun coût. Copiez la règle CSS complète ou seulement la valeur de fond et collez-la dans une feuille de style, un style de bouton ou une section héros — un générateur de dégradé CSS simple pour les fonds, les superpositions et les accents d'interface.
Comment utiliser Générateur de dégradé
- Choisissez un type de dégradé : linéaire, radial ou conique.
- Partez d'un préréglage ou cliquez sur « Aléatoire » pour un point de départ instantané.
- Faites glisser les poignées des points d'arrêt pour positionner les couleurs, cliquez sur la barre pour ajouter des points, et modifiez la couleur de chaque point.
- Ajustez l'angle, ou utilisez « Inverser » et « Pivoter de 45° » pour réorienter le mélange.
- Copiez la règle CSS ou la valeur de fond et collez-la dans votre projet.