Analyseur de Dégradé CSS

L'Analyseur de Dégradés CSS aide les développeurs et les concepteurs à comprendre et extraire les composants du code de dégradé CSS. Lorsque vous collez une URL de dégradé ou une syntaxe de dégradé CSS, l'outil analyse le code pour identifier le type de dégradé (linéaire, radial ou conique), les paramètres de direction ou de position, et les arrêts de couleur individuels avec leurs positions exactes. Cela facilite la déconstruction des dégradés existants à partir de systèmes de conception, de frameworks ou de projets actifs——que vous souhaitiez comprendre comment fonctionne une transition de couleur, auditer la qualité du dégradé ou réutiliser des modèles de dégradé dans l'ensemble de votre base de code.

Collez simplement votre code de dégradé CSS dans le champ de saisie et cliquez sur analyser. L'outil affiche un aperçu en direct du dégradé, décompose le type et la direction du dégradé, et énumère tous les arrêts de couleur avec leurs valeurs hexadécimales ou noms de couleurs et positions en pourcentage. Vous pouvez également voir la sortie CSS analysée, que vous pouvez copier pour utiliser dans vos propres projets. L'outil prend en charge la syntaxe de linear-gradient, radial-gradient et conic-gradient, y compris les variantes répétitives, et calcule automatiquement les positions pour les arrêts de couleur qui manquent de valeurs explicites.