渐变自动创建
用于WEB、主页、壁纸背景等的渐变素材可以自动创建。
您可以通过设置颜色、大小、方向等,并更改不断变化的色调、饱和度、亮度等,轻松创建渐变材质。
所有内容都可以在浏览器上创建并以 JPG 或 PNG 格式下载。
您可以免费使用创建的渐变。
渐变创建屏幕
使用左侧的颜色选择器按颜色选择颜色。基于此颜色,您可以更改色调、饱和度、亮度、方向等以创建渐变。
如果您点击“创建JPG”或“创建PNG”,下方会生成一张JPG图片或PNG图片,请保存并使用。
创建的图像的大小是设置的宽度和高度,但您也可以通过更改“创建的图像大小”的图像宽度和图像高度来更改大小。
配置
创建的图像大小
PNG创建
JPG创作
宽度: | px |
垂直宽度: | px |
色调: | ° |
饱和: | % |
亮度: | % |
方向: | 每次 |
改变后的 HSV: |
H 109.3°
S 64.8%
V 78%
|
图像宽度: | px |
图像高度: | px |
渐变图像文件
如何使用自动渐变创建
颜色选择
从左侧的颜色选择器中选择要用于渐变的原始颜色。 除了点击调色板选择颜色外,您还可以直接指定RGB颜色代码或通过输入值指定HSV。 使用此颜色和在设置中更改其色相、饱和度、亮度等的颜色创建渐变。
渐变设置
您可以从渐变的原始颜色更改色调、饱和度和亮度的变化量、大小和方向。 数字输入也可以通过移动带有范围输入的条来更改。
层次宽度 | 您可以在 10px 和 400px 之间指定渐变的宽度。 |
---|---|
层次垂直宽度 | 您可以在 10px 和 300px 之间指定渐变的垂直宽度。 |
色调 | 您可以在 -180 ° 和 + 180 ° 之间指定原始色调的变化量。 |
饱和 | 您可以在 -100% 和 + 100% 之间指定原始饱和度的变化量。 如果小于或等于 0,则为 0,如果大于或等于 100,则为 100。 |
亮度 | 您可以在 -100% 和 + 100% 之间指定原始亮度的变化量。 如果小于或等于 0,则为 0,如果大于或等于 100,则为 100。 |
方向 | 指定渐变的方向。 逆时针旋转一个角度,向右旋转 0 度,朝向从原始颜色改变的颜色。 |
改变后的 HSV | 您可以看到颜色变化的 HSV。 |
创建的图像大小
创建渐变图像时,您可以调整图像大小。
如果创建的图像太大而放不下,它会显示得更小以适应屏幕,但如果你保存它,它将被保存为一个更大的图像。
图像宽度 | 您可以在 10px 和 3000px 之间指定创建的渐变图像的宽度。 |
---|---|
图像高度 | 您可以在 10px 和 3000px 之间指定创建的渐变图像的垂直宽度。 |
转换为图像
点击“创建JPG”或“创建PNG”,分别在下方创建JPG图片和PNG图片。右键保存并使用渐变。