Générateur de dégradés CSS
Créez des dégradés linéaires ou radiaux avec jusqu'à 4 couleurs et copiez le code CSS prêt à l'emploi.
Comment créer un dégradé CSS en ligne
Choisissez le type de dégradé
Sélectionnez linéaire ou radial, selon l'effet que vous souhaitez obtenir.
Ajoutez et ajustez les couleurs
Ajoutez jusqu'à 4 couleurs, modifiez leur ordre et ajustez l'angle ou la position du dégradé.
Copiez le code CSS
Appuyez sur le bouton de copie et collez le code directement dans votre feuille de styles.
Questions fréquemment posées sur le générateur de dégradés
Les dégradés sont un moyen simple d'ajouter de la profondeur et du style à n'importe quel design web. Cet outil génère le code CSS exact dont vous avez besoin, sans avoir à l'écrire à la main.
Quels types de dégradés puis-je créer ?
+
Vous pouvez créer des dégradés linéaires (selon n'importe quel angle) et radiaux.
Combien de couleurs puis-je utiliser ?
+
Vous pouvez combiner entre 2 et 4 couleurs dans le même dégradé.
Le code fonctionne-t-il dans tous les navigateurs ?
+
Oui, il est généré avec la syntaxe CSS standard, compatible avec tous les navigateurs modernes.
Dois-je installer un programme ?
+
Non, aucune installation n'est nécessaire. Il fonctionne directement depuis votre navigateur.
Est-ce gratuit ?
+
Oui, cet outil est complètement gratuit.
Puis-je utiliser le dégradé comme fond d'image ?
+
Le code généré est du CSS pur ; si tu as besoin d'une image, tu peux faire une capture d'écran de l'aperçu.
Couleurs
Convertisseur de couleurs (HEX, RGB, HSL, CMYK)
Convertissez n'importe quelle couleur entre HEX, RGB, HSL et CMYK instantanément, avec aperçu en direct et nom de couleur le plus proche.
Générateur de palettes de couleurs
Créez des palettes de 5 couleurs harmonieuses (complémentaires, analogues, triadiques ou monochromatiques) à partir d'une couleur de base.
Vérificateur de contraste WCAG
Vérifie si la combinaison de couleur de texte et d'arrière-plan respecte les niveaux d'accessibilité AA et AAA.
Couleur aléatoire
Générez une couleur aléatoire en un clic et découvrez son nom, son code HEX/RGB/HSL et les couleurs similaires.
Sélecteur de couleur (pipette)
Choisissez n'importe quelle couleur de votre écran avec l'outil pipette du navigateur, ou utilisez le sélecteur classique.
Simulateur de daltonisme
Téléchargez une image et découvrez comment la verraient les personnes atteintes de protanopie, deutéranopie ou tritanopie.
Générateur de Dégradés Mesh
Créez des arrière-plans avec dégradés mesh (taches de couleur estompées) et téléchargez-les en PNG ou copiez le code CSS.
Générateur de Teintes et d'Ombres
Générez automatiquement les teintes les plus claires et les ombres les plus foncées de n'importe quelle couleur, avec son code HEX.
Mélangeur de Couleurs
Mélangez deux couleurs et découvrez les teintes intermédiaires étape par étape, avec leur code HEX.
Roue Chromatique (Harmonies)
Choisissez une couleur sur la roue et découvrez ses combinaisons harmonieuses : complémentaires, analogues, triadiques et plus.
Extracteur de Palette depuis Image
Téléchargez une image et extrayez automatiquement ses couleurs dominantes dans une palette, avec le code HEX de chacune.
Couleur Moyenne d'une Image
Téléchargez une image et calculez instantanément sa couleur moyenne, avec ses codes HEX, RGB et HSL.
Explorez les couleurs par famille
Plus de 469 couleurs nommées, avec leurs codes HEX, RGB, HSL et CMYK, organisées dans 12 familles de teintes.
