Analisador de Gradiente CSS

O Analisador de Gradiente CSS ajuda desenvolvedores e designers a entender e extrair os componentes do código de gradiente CSS. Quando você cola uma URL de gradiente ou sintaxe de gradiente CSS, a ferramenta analisa o código para identificar o tipo de gradiente (linear, radial ou cônico), parâmetros de direção ou posição e paradas de cor individuais com suas posições exatas. Isso facilita a desconstrução de gradientes existentes de sistemas de design, frameworks ou projetos ativos——quer você queira entender como uma transição de cor funciona, auditar a qualidade do gradiente ou reutilizar padrões de gradiente em toda sua base de código.

Simplesmente cole seu código de gradiente CSS no campo de entrada e clique em analisar. A ferramenta exibe uma visualização ao vivo do gradiente, decompõe o tipo e a direção do gradiente e lista todas as paradas de cor com seus valores hexadecimais ou nomes de cores e posições percentuais. Você também pode ver a saída CSS analisada, que você pode copiar para usar em seus próprios projetos. A ferramenta suporta sintaxe de linear-gradient, radial-gradient e conic-gradient, incluindo variantes repetidas, e calcula automaticamente posições para paradas de cor que carecem de valores explícitos.