CSS 渐变生成器

功能说明

构建带多个色标与位置的线性、径向和锥形 CSS 渐变。调整角度、增删色标，拿走可直接复制的 CSS - 附带实时预览。100% 客户端运行。

使用方法

1. 选择类型（linear / radial / conic），并在适用时选择角度。
2. 添加色标，设置每个色标的颜色和位置。
3. 复制 CSS。

示例

Linear 90°，#6366f1 → #ec4899 →

background: linear-gradient(90deg, #6366f1 0%, #ec4899 100%);

补充说明

• 私密： 所有生成过程均在本地完成。
• 色标会按位置自动排序。
• 相关工具： Color Picker、Palette Generator。