颜色搜索
最喜欢的颜色

自动按钮创建

WEB和主页上使用的按钮材料可以自动创建。
您可以通过设置颜色和大小,并输入按钮的文字,在浏览器上轻松创建按钮素材,您可以将其下载为 JPG 或 PNG。您可以免费使用创建的按钮。

按钮创建画面

用左侧的颜色选择器按颜色选择一种颜色,设置按钮大小、线宽、圆角半径等并输入按钮文字,按钮将显示在下方。您还可以在“详细设置”中添加文字阴影和内阴影。
在Chrome等的情况下,您可以通过右键单击并单击“将图像另存为”来保存图像,但如果不能,请单击下面的“创建JPG”或“创建PNG” JPG图像或PNG图像将是生成,所以请保存并使用它。

按钮设置
高级设置
PNG创建
JPG创作
字体大小: px
按钮宽度: px
按钮高度: px
行宽: px
圆角半径: px
层次:
按钮文字:
人物影子:
框架边框:
内心的阴影:
阴影深度: %
阴影位置 X: %
阴影位置 Y: %
阴影模糊: %

按钮图像文件

如何使用自动按钮创建

颜色选择

您可以从左侧的颜色选择器中选择按钮的背景颜色。
除了点击调色板选择颜色外,您还可以直接指定RGB颜色代码或通过输入值指定HSV。

按钮设置

您可以更改字体大小、按钮大小、线宽等。
数字输入也可以通过移动带有范围输入的条来更改。

字体大小您可以在 8px 和 96px 之间指定按钮字符的字体大小。
按钮宽度您可以在 40px 和 300px 之间指定按钮的宽度。
按钮高度您可以在 30px 和 200px 之间指定按钮的垂直宽度。
按钮的宽度和高度将是指定的大小,包括线条的宽度。
行宽您可以在 0px 和 20px 之间指定按钮线的宽度。
为 0px 时,不显示该行。
圆角半径您可以在 0px 和 100px 之间指定圆角的半径。
如果它超过按钮宽度或高度的一半,它将是该值。
层次如果“无”,它将以指定的颜色绘制。
如果“是”,则使用从比指定颜色更亮的颜色到指定颜色的渐变来绘制颜色。
选择“反转”,渐变的颜色将反转。
按钮文字输入要在按钮上显示的字符。
文本颜色根据背景颜色显示为白色或黑色。您也可以输入多行。
如果文本大于按钮的宽度,它将水平缩小到按钮宽度的大小。

高级设置

您可以添加详细的设置,例如角色阴影和内部阴影。

人物影子如果设置为“是”,则会在文本下方添加一个 1px 的阴影。
当文本颜色为白色时,阴影颜色显示为黑色,当文本颜色为黑色时,阴影颜色显示为白色。
框架边框更改边框的颜色。
在“有色”的情况下,颜色以指定的颜色为准,在“黑色”的情况下,以黑色边框显示。
如果您选中“内白线”,则会在边框线内显示一个白色边框。
内心的阴影如果设置为“是”,则会在内部投射阴影。阴影设置如下。
阴影深度将阴影不透明度设置为 0% 到 100%。
阴影位置 X根据按钮位置将阴影的水平位置从 -100% 设置为 100%。
阴影位置 Y根据按钮位置将阴影的垂直位置从 -100% 设置为 100%。
阴影模糊设置从 0% 到 100% 的阴影模糊程度。

转换为图像

保存按钮时,点击“创建JPG”或“创建PNG”,分别创建JPG图片和PNG图片,右键保存使用。