色板

了解更多色彩知识

渐变编辑器

像设计师一样把颜色混成平滑过渡。拖动色标、切换线性或径向、设置角度,并复制 CSS 或色值用于背景、文字和照片。PictorX 在浏览器中运行。 拖动色标,切换线性或径向,然后复制 CSS 或 HEX。

它是如何运作的

  1. 拖动色标,或输入 HEX、RGB 或 HSL 值。
  2. 选择线性或径向,设置角度,然后复制 CSS 或某个色标颜色。
  3. 把渐变粘贴到 PictorX 的填充、文字和形状上,或继续编辑色标。

可拖动的色标

每个手柄都是一个色标。沿色条拖动可改变位置,点击可编辑 HEX、RGB、HSL、HSV 或 CMYK,并用颜色数量增减色标。线性渐变还有角度;径向渐变从中心向外扩散。

可随处粘贴的 CSS

复制完整的 linear-gradient 或 radial-gradient 字符串用于 CSS 和设计工具,或把单个色标复制为 HEX、RGB、HSL、HSV 或 CMYK。复制调色板一次复制所有十六进制。然后在 PictorX 中继续编辑。

常见问题

什么是渐变编辑器?

渐变编辑器沿一条线或从中心混合两种或更多颜色。每个手柄都是色标:拖动以改变位置,然后复制 CSS 或 HEX 用于背景、文字和形状。

线性和径向渐变有何不同?

线性渐变沿一个方向混合颜色——设置角度可从左到右、从上到下或沿对角线。径向渐变从中心向外扩散,像聚光灯。

可以复制 CSS 和 HEX 吗?

可以。复制 CSS 会复制完整的 linear-gradient 或 radial-gradient 字符串。选中色标可复制 HEX、RGB、HSL、HSV 或 CMYK。复制调色板一次复制所有十六进制。

渐变编辑器会上传我的作品吗?

不会。编辑器在浏览器中运行。复制 CSS 或色值,然后在 PictorX 同一工作区用于填充、文字和照片效果。

准备好尝试了吗?

在浏览器中打开 PictorX — 无需安装,无需信用卡即可启动。

前往编辑器