渐变生成器
设置最多 8 个颜色及其位置，生成渐变并保存为 CSS、SVG、PNG。 文件与输入内容不会上传或保存于服务器。
使用方法
设置最多 8 个颜色及其位置，生成渐变并保存为 CSS、SVG、PNG。
支持格式与限制
Values / Images → SVG / PNG
所有处理均在此浏览器中完成。文件格式和设备可用内存可能限制处理范围。
颜色按位置排序，位置范围为 0–100%。
渐变生成器 使用指南
操作步骤
- 设置各个颜色及位置百分比。
- 设置方向，添加或删除颜色，并查看预览。
- 复制 CSS，或保存为 SVG、PNG。
使用示例
输入／设置
90° · #235c47 0% → #f6f7f3 100%
结果／确认
从左到右的渐变 · CSS、SVG、PNG
注意事项
- 颜色按位置排序，位置范围为 0–100%。
- 0 度指向上方，90 度指向右方。导出尺寸为 800×460。