🌊 一个工具箱,
完成所有设计任务

SVG 波浪生成器

为网站创建平滑的 SVG 波浪分割线——调节波幅、波长和层数,复制 SVG 代码。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

🌊 SVG 波浪生成器

SVG 波浪生成器指南

波浪分割线是平滑分隔页面区块的 SVG 图形——现代 hero 区、页脚和 App 落地页的标志性细节。SVG 在任何屏幕尺寸下都保持锐利。

调节波幅、波长和层数,选好填充色,复制 SVG。内联嵌入 HTML 或存为 .svg 文件当图片使用。

专业提示

常见问题

Q: 如何把波浪嵌入页面?
如何把波浪嵌入页面?复制 SVG 内联粘贴进 HTML,或把代码存为 .svg 文件用 <img> 标签引用。
Q: 能翻转波浪方向吗?
能翻转波浪方向吗?能——给 SVG 加 transform="scaleY(-1)" 或交换路径起终点,波浪就朝另一侧弯曲。
Q: 为什么用 SVG 而不是 PNG?
为什么用 SVG 而不是 PNG?SVG 任何分辨率都清晰,只有几百字节,还能用 CSS 换色和做动画。
Q: 如何让波浪全宽显示?
如何让波浪全宽显示?SVG 用了 preserveAspectRatio="none" 和 width:100%,可拉伸到任意容器宽度而不变形。
Q: 能给波浪加动画吗?
能给波浪加动画吗?能——把 SVG 放进 overflow:hidden 的容器里,用 CSS 关键帧动画其位置,就有滚动波浪效果。

中国传统色

中国传统色源自「五色观」——青、赤、黄、白、黑,对应五行、方位与季节。古人从矿物与植物中提炼颜料,形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作,至今仍是设计师的灵感源泉。

胭脂 #9D2933

古代妆饰与衣料的经典红色,由胭脂虫或红花制成

朱砂 #FF461F

矿物颜料,故宫红墙与印章的常用色

黛蓝 #425066

古代女子画眉之色,沉稳内敛

竹青 #789262

竹叶之色,文人雅士钟爱的清雅色调

月白 #D6ECF0

月光般的淡蓝色,明清宫廷常服用色

藤黄 #FFB61E

取自藤本植物汁液,国画重要黄色颜料

藕荷 #E4C6D0

藕色与荷色的结合,温婉柔美

秋香 #D9B611

秋日桂花的黄绿色,明代流行色

石绿 #16A951

矿物孔雀石研磨而成,山水画中的绿色

墨色 #50616D

书法用墨的深灰蓝色,文房四宝之色

Q: 什么是中国传统色?
什么是中国传统色?中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料,形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值?
中国红是什么色值?中国红属于朱砂色系,常用色值 #FF461F(朱红)或 #9D2933(胭脂)。故宫红墙更接近深红色 #A61B29。