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

Concevez des dégradés et copiez le CSS en quelques secondes.

Chargement…

Choisissez le type de dégradé, réglez l’angle et ajoutez jusqu’à six couleurs, chacune à sa position. L’aperçu se met à jour en direct et le CSS est prêt à copier dans votre feuille de style. Besoin d’une image ? Téléchargez le dégradé en PNG en Full HD, 4K, carré ou format story : idéal pour les fonds d’écran et les réseaux sociaux.

Comment créer un dégradé CSS

Étape 1
Choisissez linéaire, radial ou conique.
Étape 2
Réglez l’angle et les couleurs.
Étape 3
Copiez le CSS ou téléchargez l’image.

Pourquoi utiliser PhotoTools

Trois types

Dégradés linéaires, radiaux et coniques.

CSS propre

Une ligne, prête à coller.

Tailles de fond d’écran

PNG jusqu’à 3840 × 2160.

Formats pris en charge

Sortie

Questions fréquentes

Le CSS fonctionne-t-il dans tous les navigateurs ?

Les dégradés linéaires et radiaux fonctionnent partout, les coniques dans tous les navigateurs récents.

Puis-je utiliser plus de deux couleurs ?

Oui, jusqu’à six couleurs, chacune placée où vous voulez le long du dégradé.

Est-ce gratuit ?

Oui. Les outils du navigateur de PhotoTools sont gratuits, illimités et fonctionnent sans compte.

Générateur de palettesCréez une harmonie de couleurs à partir d’une seule teinte.Convertisseur de couleursConvertissez un code couleur dans tous les autres formats.Pipette couleur d’imageTrouvez la couleur exacte de n’importe quel pixel d’une image.Vérificateur de contrasteAssurez-vous que votre texte est lisible par tous.Palette de couleurs d’une imageTransformez une photo en palette de couleurs.Dégradé depuis une imageTransformez les couleurs d’une photo en dégradé.