跳到主要内容
← 返回工具箱
渐
设计工具

渐变配色生成器

选择两种颜色生成线性渐变,并预览和复制 CSS 代码。

渐变预览
使用指南

功能介绍

用两种自选颜色快速制作线性渐变,实时查看效果并复制 CSS 代码,适合网页界面、海报和 PPT 配色。

使用方法

  1. 分别选择渐变起点和终点颜色。
  2. 拖动角度滑块调整渐变方向。
  3. 查看预览并复制生成的 CSS 代码。

使用建议

  • 颜色可以通过色盘挑选,也可以输入 HEX 值。
  • 复制的 background 属性可直接粘贴到 CSS 样式中。