Loading...
Loading...
可视化创建线性、径向、锥形 CSS 渐变
可视化创建线性、径向、锥形 CSS 渐变 —— 拖拽色标、调整角度、选预设、复制可直接粘贴的 CSS(或 Tailwind 类)。结果实时刷新,所见即所得。
现代 CSS 渐变语法已经丰富:linear-gradient 覆盖多数场景,radial-gradient 做聚光灯效果,conic-gradient 不用 SVG 也能画饼图与旋转图案。工具暴露全部三种,外加越来越流行的 Tailwind 类输出。
拖动色标,渐变实时刷新
线性、径向、锥形——按需选
想加几个色标都可以
线性渐变一键生成 Tailwind 类
8 套手挑配色起步
没灵感时一键随机
三色渐变把中间色标偏向 30% 或 70%,比对称的两色渐变更耐看。
选渐变类型(默认线性最稳)
调整角度
点色标改颜色,拖动调整位置
复制 CSS 或 Tailwind 类粘进项目
落地页吸睛背景
渐变按钮比纯色更精致
产品卡片的渐变边框或底色
数据可视化的多色填充
PWA splash 用锥形/径向渐变出彩
定稿前快速试验品牌色组合