Générateur de dégradé CSS
Choisissez deux couleurs et un angle, puis copiez le code du dégradé CSS.
Générateur de dégradé CSS
Cet outil crée des dégradés linéaires CSS à partir de deux couleurs et d’un angle, avec un aperçu en direct et le code background prêt à copier. Tout dans votre navigateur.
Comment fonctionne linear-gradient
background: linear-gradient(angle, couleur1, couleur2);
L’angle définit la direction : 0° de bas en haut, 90° de gauche à droite, 180° de haut en bas. Les couleurs peuvent être en HEX, RGB ou HSL.
Conseils
- Pour des dégradés subtils, utilisez deux nuances de la même couleur.
- Vous pouvez ajouter d’autres arrêts de couleur dans le CSS.
- Combinez avec
background-sizepour des effets animés.
Questions fréquentes
Fonctionne-t-il dans tous les navigateurs ? Oui, linear-gradient est universellement pris en charge depuis des années.
Radial ou conique ? Cette version crée des linéaires ; pour les autres, utilisez radial-gradient/conic-gradient.