所有颜色工具

无缝条纹、波浪、锯齿形、V 形纹和网格。选择颜色、线条粗细和角度,然后复制 CSS,或免费下载 SVG、PNG、WebP 文件。

免费

1选择图案

此处是您的标题

查看图案衬在真实内容背后的效果。

立即开始
图案

可供起步的设计

选择一个即可在编辑器中打开,然后修改它的颜色和设置。

按合集浏览


关于 条纹与波浪图案

线条是为页面增添质感最含蓄的方式。这个合集涵盖朴素的条纹和色带、斜条纹、波浪、锯齿形、V 形纹、扇贝纹、虚线、网格、交叉排线、涟漪和编辫纹,让您可以从低调的细条纹一路做到醒目的复古波浪。

条纹和网格的代码体积非常小,很适合用作网站背景。修改线条粗细和间距来决定线条的疏密,并用角度滑块把笔直的条纹变成斜纹。

常见问题

选择一个条纹设计,将角度设为 45 度,然后复制 CSS。0、90、180 和 270 度以外的角度会使用填满元素的 SVG,因此无论宽度如何,条纹都保持均匀。

可以。线条粗细滑块设置线条的宽度,间距滑块设置线条之间的空隙。

两种相近颜色组成的细线放在文字后面依然清晰易读。复制代码之前,请用“在页面中”预览查看它在真实卡片下的效果。


热门搜索
条纹图案 波浪图案 svg 锯齿形图案 v 形纹图案 css 条纹背景 无缝波浪背景 网格图案 svg css 斜条纹
需要帮助?
使用此工具时遇到问题?请告诉我们的团队。
报告问题

将此免费工具添加到你自己的网站:复制并粘贴下面的代码。