Outils couleur

Générateur de dégradé CSS : linéaire, radial – Gratuit

Gratuit, sans inscription, fonctionne dans votre navigateur. Créez un dégradé linéaire, radial ou conique avec jusqu'à 8 arrêts de couleur, voyez-le en direct et copiez le CSS. Téléchargez-le en arrière-plan PNG dans les tailles courantes.

Type

Arrêts de couleur

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

La première ligne est une couleur unie pour les très vieux appareils qui ne savent pas afficher les dégradés.

Partir d'un modèle

Créé sur votre appareil.

Pourquoi utiliser Générateur de dégradés CSS

100 % gratuit
Utilisez-le aussi souvent que vous voulez. Sans inscription, sans filigrane, rien à installer.
Confidentiel par conception
Ce que vous saisissez reste dans votre navigateur et ne nous est jamais envoyé.
Fonctionne sur tous les appareils
Fonctionne dans votre navigateur sous Windows, Mac, Linux, Android et iPhone. Aucune application nécessaire.

Comment utiliser Générateur de dégradés CSS

  1. Choisissez linéaire, radial ou conique, et réglez la direction.
  2. Choisissez les couleurs et faites glisser chaque arrêt à sa place.
  3. Copiez le CSS ou téléchargez le dégradé en image.

Questions fréquentes

Comment utiliser le CSS ?
Collez-le dans la règle de l'élément à colorer. La première ligne est une couleur unie de secours ; la seconde est le dégradé.
Quelle différence entre linéaire, radial et conique ?
Le linéaire fond les couleurs le long d'une ligne droite, le radial se diffuse depuis le centre, et le conique tourne autour du centre comme un cercle chromatique.
Puis-je utiliser la transparence ?
Oui. Tapez une couleur comme rgba(47, 91, 255, 0.5) dans un arrêt.
Quelque chose est-il envoyé en ligne ?
Non. Les dégradés sont créés sur votre appareil.
Générateur de dégradés CSS est-il gratuit ?
Oui. Il est gratuit, sans inscription et sans rien à installer.

Aide et guides pratiques (en anglais)

Outils associés