图片与设计工具

颜色渐变生成器

选择起始色和结束色,设置 3–20 个步骤,复制生成的色板或 CSS 渐变。

优先本地处理无需注册隐私说明 ↗

使用 3–20 步。仅接受六位 HEX 颜色。

已在本地生成。

使用步骤

如何使用

  1. 选择有效的起始和结束 HEX 颜色。
  2. 设置 3–20 个渐变步骤。
  3. 复制纯文本色板或 CSS 声明。

确定性的颜色插值

生成器接受六位 HEX 颜色,对红、绿、蓝通道进行线性插值,并始终包含两个端点。

纯文本输出

色板和 CSS 声明写入文本框,不插入生成的 HTML,颜色数据也不会离开浏览器。

常见问题

你可能还想知道

可以生成多少种颜色?

可选择 3 到 20 种。

会包含端点吗?

会,首尾颜色始终是你选择的值。

会生成图片吗?

不会,只生成纯文本色板和 CSS linear-gradient 声明。