Générateur de dégradés CSS
Créez un dégradé CSS linéaire, radial ou conique de 2 à 8 arrêts de couleur, prévisualisez-le et copiez le CSS prêt à coller.
- Fonctionne dans votre navigateur
- Aucun envoi
- Le résultat reste sur votre appareil
Confidentialité et limitesS’exécute dans votre navigateur. Rien n’est envoyé.
Le contenu des entrées reste dans cet onglet ; Refentra ne l’envoie ni ne le stocke. Les comptages agrégés facultatifs d’actions sont envoyés uniquement avec votre consentement à la mesure d’usage. Effacez l’espace après usage.
Profil pris en charge: 2–8 couleurs HEX sRGB opaques, croissantes 0–100 % ; linéaire/radial/conique, aperçu et CSS.
Maximum 200 000 unités UTF-16 ; les parseurs peuvent limiter davantage. Worker : 15 secondes (regex 1,5 seconde).
Vérifier la saisie et le résultat
- Préparer et choisir l’opération
Choisissez un dégradé linéaire, radial ou conique, puis fournissez des arrêts de couleur ordonnés et un angle adapté à ce type.
- Vérifier un exemple concret
Essayez cet exemple et comparez le résultat indiqué : linear, angle=90, colors="#000000,#ffffff", positions="0,100" → linear-gradient(90deg, #000000 0%, #ffffff 100%)
- Examiner avant de réutiliser la sortie
Copiez la valeur CSS générée dans la déclaration d’arrière-plan voulue, et examinez le dégradé à la taille réelle de l’élément.
Réponses pour cette tâche
Un dégradé garde-t-il le contraste du texte partout ?
Non. Le contraste varie sur la surface : vérifiez l’arrière-plan le plus faible derrière chaque zone de texte, pas seulement les extrémités.
Que vérifier si la saisie échoue ?
Utilisez de 2 à 8 couleurs hexadécimales opaques, avec des positions d’arrêt croissantes de 0 à 100. Réordonnez les arrêts plutôt que de compter sur une correction implicite du navigateur.
Quelles sont les limites de cet outil ?
L’outil génère une valeur CSS d’arrière-plan, pas une image exportée ni un dégradé animé, et ne garantit pas un rendu identique sur tous les écrans.