无缝图案生成器

这款无缝图案生成器内置 29 种图形，可生成无缝重复的拼贴图案，再让你随心改色、调形，直到契合你的设计。选一种图案，调整颜色和滑块，拼贴预览就会随每次改动实时更新。

它专为需要 CSS 背景的网页开发者、为印刷或数字作品制作无缝贴图的平面设计师，以及任何想快速获得可自定义重复图案的人而打造。对结果满意后，即可导出为 PNG 贴图、SVG，或直接粘贴的 CSS。

注重隐私：每个图案都通过 Canvas API 在你的浏览器中绘制和导出。不会上传到任何服务器，也不会记录任何使用数据。

如何使用图案生成器

浏览图案库，点击任意缩略图即可选中。实时预览会立即更新，展示拼贴后的效果。

用取色器设置背景色和图案色，或点击 10 种预设配色之一。为彩纸屑、扇形、鱼骨等支持双色的图案启用颜色 2，即可添加第二种颜色。

用滑块精细调校：缩放（10–100px）、旋转（0–360°）、间距（0–40px）、不透明度（5–100%），以及描边类图案的线条粗细（1–8px）。

从 100×100 到 800×800 选择贴图尺寸，然后下载 PNG 或 SVG 贴图，或复制将图案以 data URI 嵌入的 CSS 代码。

几何、有机、抽象和装饰图形 — 圆点、网格、人字、六边形、波浪、鳞片、彩纸屑、鱼骨、花朵、螺旋等等。

一键套用配色方案：靛蓝、海洋、森林、日落、玫瑰、紫色、单色、暗黑、青色和琥珀。

自由设置背景色和图案色，并可选添加第二种颜色，生成双色图案。

调校缩放、旋转、间距、不透明度和线条粗细，把任意图案塑造成你想要的样子。

每次改色和拖动滑块都会立刻反映在拼贴预览中 — 无需等待，无需刷新。

下载位图 PNG 或可缩放的 SVG 贴图，贴图尺寸可在 100px 到 800px 之间调整。

获取可直接粘贴的 CSS，图案以 data URI 嵌入 — 直接放进样式表即可使用。

一键生成随机图案、配色和设置 — 快速发现意想不到的组合。

内置暗色主题，弱光环境下界面依然舒适。

在桌面、平板和手机上都能正常使用，让你在任意屏幕上设计图案。

无缝图案是一种能在各个方向完美重复、看不到接缝或空隙的贴图。把贴图并排铺开时，边缘会平滑相接，形成一幅连续的整体设计 — 非常适合用作背景和纹理。

在图案库中点击一种图案，选好颜色和配色，再调整缩放、旋转、间距和不透明度滑块。预览会实时拼贴你的设计。满意之后，导出 PNG 或 SVG 贴图，或复制 CSS，把它用作重复背景。

可以。PNG 是位图格式，分辨率取决于你选择的贴图尺寸 — 非常适合网页背景。SVG 是矢量格式，可任意缩放，适合印刷和大幅面作品。两者都会以单张无缝贴图的形式下载。

复制 CSS 按钮会生成一条 background-image 规则，把你的图案编码为 data URI，并附带重复和尺寸属性。把它粘贴到样式表中，无需托管单独的图片文件，就能把图案用作重复背景。

可以。设置背景色和图案色，添加可选的第二种颜色，并从 10 种预设配色中挑选。滑块可控制缩放（10–100px）、旋转（0–360°）、间距（0–40px）、不透明度（5–100%），以及描边类图案的线条粗细（1–8px）。

线条粗细用于控制由描边构成的图案的线宽，例如直线、网格、波浪、圆圈、鳞片和箭头。在圆点、菱形、六边形等填充图案上，该设置不会产生可见效果。

可以。图案完全在你的浏览器中生成，因此你拥有自己创作的一切，可将其用于任何用途，包括商业项目。