Pt
PowerUtils

CSS 渐层生成器

视觉化生成线性和径向 CSS 渐层。

使用说明

  • •选择渐变类型（线性、放射状、圆锥）
  • •点击颜色选择器选择起始颜色
  • •点击颜色选择器选择结束颜色
  • •使用滑块调整渐变角度或位置
  • •CSS 代码会自动在预览区域生成
  • •点击「复制」将 CSS 代码复制到剪贴板
135°
background: linear-gradient(135deg, #3b82f6, #06b6d4);

常见问题

相关工具

CSS 阴影生成器
视觉化生成 CSS box-shadow 代码。
颜色转换器
HEX、RGB、HSL、HSV 颜色格式互相转换。
配色方案生成器
从基色生成和谐配色方案。
意见反馈

意见反馈