工具 指南
design 免费 无需注册

二维码生成器

可视化构建CSS线性和径向渐变，并复制可直接使用的CSS属性。

正在加载工具…

关于此工具

无需编写代码即可创建精美的CSS渐变。添加颜色停止点，拖动设置位置，选择渐变类型（线性或径向），并调整角度。实时预览即时更新，一键即可复制完整的background CSS属性。

使用方法

  1. 1 选择"线性"或"径向"渐变类型。
  2. 2 添加颜色停止点，并为每个停止点选择颜色和位置。
  3. 3 对于线性渐变，使用滑块调整角度。
  4. 4 复制CSS输出并粘贴到您的样式表中。

常见问题

相关工具
颜色转换 (HEX, RGB, HSL)

在 HEX、RGB、HSL、HSV 和 CMYK 之间转换颜色 — 实时预览。
二维码生成器

从任意基色生成和谐的调色板——互补色、三色、类似色和分裂互补色。
二维码生成器

可视化构建CSS box-shadow值，支持实时预览和多层叠加。
{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}