Générateur de texte en dégradé CSS
Générez du texte avec un dégradé de couleur en CSS (background-clip), avec aperçu, dans le navigateur.
Compatible avec tous les navigateurs modernes (préfixe -webkit- inclus).
🔒 100 % côté client — aucune donnée envoyée
Créez du texte avec un dégradé de couleur et récupérez le CSS prêt à coller dans votre projet. Choisissez les couleurs, l'angle et prévisualisez le rendu en temps réel. L'outil fonctionne 100% dans le navigateur, sans inscription ni envoi de données.
À quoi ça sert ?
- ▸ Mettre en valeur un titre ou un logo textuel sur une landing page
- ▸ Générer un dégradé de marque cohérent pour un header
- ▸ Obtenir le code CSS avec les préfixes background-clip nécessaires
- ▸ Tester rapidement plusieurs combinaisons de couleurs et d'angles
FAQ
Comment appliquer un dégradé à du texte en CSS ?
On applique un background en dégradé au texte, puis on utilise background-clip: text avec color: transparent pour que le dégradé n'apparaisse qu'à travers les lettres.
Le texte en dégradé est-il compatible avec tous les navigateurs ?
Oui sur les navigateurs modernes, à condition d'ajouter le préfixe -webkit-background-clip: text pour Chrome, Safari et Edge. L'outil inclut ce préfixe automatiquement.
Le texte en dégradé pose-t-il un problème d'accessibilité ?
Le texte reste sélectionnable et lisible par les lecteurs d'écran, mais veillez à garder un contraste suffisant entre les couleurs du dégradé et l'arrière-plan.