CSS渐变分析器

CSS 渐变分析器帮助开发人员和设计师理解和提取 CSS 渐变代码的组件。当您粘贴渐变 URL 或 CSS 渐变语法时，该工具会解析代码以识别渐变类型（线性、径向或锥形）、方向或位置参数，以及具有确切位置的各个颜色停止点。这样可以轻松地从设计系统、框架或实时项目中分解现有渐变——无论您想了解颜色过渡的工作原理、审核渐变质量还是在整个代码库中重用渐变模式。

只需将您的 CSS 渐变代码粘贴到输入字段中，然后单击分析。该工具显示渐变的实时预览，分解渐变类型和方向，并列出所有颜色停止点及其十六进制值或颜色名称和百分比位置。您还可以看到解析后的 CSS 输出，可以复制以在自己的项目中使用。该工具支持 linear-gradient、radial-gradient 和 conic-gradient 语法，包括重复变体，并自动为缺少明确值的颜色停止点计算位置。