颜色格式转换
转换 HEX、RGB、HSL 与透明度，实时查看色样，并复制可直接使用的 CSS 颜色。
CSS 渐变生成器
可视化制作线性或径向渐变，编辑 2–8 个色标和位置，实时预览并复制 CSS。
工具介绍
为页面背景制作渐变时，可用色标位置控制过渡范围。预览和导出使用同一组数值，下载内容为 CSS 声明。
使用说明
选择渐变类型，调整颜色与百分比位置；线性渐变还可设置角度。添加或移除色标后预览立即更新，输出可直接用于 background。
色标按位置排序，同一位置可形成硬边界。支持 2–8 个色标，位置范围 0–100%，线性角度为 -360° 至 360°。径向渐变以中心椭圆展开。
常见问题
怎样生成没有柔和过渡的双色分界？
把两个不同颜色的色标放在同一个百分比位置即可形成硬边界。工具按位置排序色标；当前输出 CSS，不下载渐变图片。
怎样设置渐变方向？
线性角度遵循 CSS：0° 朝上，90° 朝右。径向模式以中心椭圆展开，没有角度控制；把完整 background 声明复制到你的 CSS 规则中即可。
相关工具
在新标签页打开
评论
0