Tạo sóng SVG

Trình tạo sóng SVG trực tuyến miễn phí với trình chỉnh sửa trực quan cho các hình sóng mượt. Điều chỉnh biên độ, màu sắc và lớp, áp dụng preset có sẵn, rồi sao chép mã CSS và SVG để làm nền và phân chia mục.

Biên độ: 30

Tần số: 2

Chieu cao: 200

Mau sac

Do mo: 1

Mã SVG

<svg viewBox="0 0 1440 200" xmlns="http://www.w3.org/2000/svg"><path d="M0,200 L0,100.0 L2,100.5 L4,101.0 L6,101.6 L8,102.1 L10,102.6 L12,103.1 L14,103.7 L16,104.2 L18,104.7 L20,105.2 L22,105.7 L24,106.2 L26,106.7 L28,107.3 L30,107.8 L32,108.3 L34,108.8 L36,109.3 L38,109.8 L40,110.3 L42,110.8 L44,111.2 L46,111.7 L48,112.2 L50,112.7 L52,113.2 L54,113.6 L56,114.1 L58,114.5 L60,115.0 L62,115.5 L64,115.9 L66,116.3 L68,116.8 L70,117.2 L72,117.6 L74,118.1 L76,118.5 L78,118.9 L80,119.3 L82,119.7 L84,120.1 L86,120.5 L88,120.8 L90,121.2 L92,121.6 L94,121.9 L96,122.3 L98,122.6 L100,123.0 L102,123.3 L104,123.6 L106,124.0 L108,124.3 L110,124.6 L112,124.9 L114,125.2 L116,125.4 L118,125.7 L120,126.0 L122,126.2 L124,126.5 L126,126.7 L128,127.0 L130,127.2 L132,127.4 L134,127.6 L136,127.8 L138,128.0 L140,128.2 L142,128.4 L144,128.5 L146,128.7 L148,128.8 L150,129.0 L152,129.1 L154,129.2 L156,129.3 L158,129.4 L160,129.5 L162,129.6 L164,129.7 L166,129.8 L168,129.8 L170,129.9 L172,129.9 L174,130.0 L176,130.0 L178,130.0 L180,130.0 L182,130.0 L184,130.0 L186,130.0 L188,129.9 L190,129.9 L192,129.8 L194,129.8 L196,129.7 L198,129.6 L200,129.5 L202,129.4 L204,129.3 L206,129.2 L208,129.1 L210,129.0 L212,128.8 L214,128.7 L216,128.5 L218,128.4 L220,128.2 L222,128.0 L224,127.8 L226,127.6 L228,127.4 L230,127.2 L232,127.0 L234,126.7 L236,126.5 L238,126.2 L240,126.0 L242,125.7 L244,125.4 L246,125.2 L248,124.9 L250,124.6 L252,124.3 L254,124.0 L256,123.6 L258,123.3 L260,123.0 L262,122.6 L264,122.3 L266,121.9 L268,121.6 L270,121.2 L272,120.8 L274,120.5 L276,120.1 L278,119.7 L280,119.3 L282,118.9 L284,118.5 L286,118.1 L288,117.6 L290,117.2 L292,116.8 L294,116.3 L296,115.9 L298,115.5 L300,115.0 L302,114.5 L304,114.1 L306,113.6 L308,113.2 L310,112.7 L312,112.2 L314,111.7 L316,111.2 L318,110.8 L320,110.3 L322,109.8 L324,109.3 L326,108.8 L328,108.3 L330,107.8 L332,107.3 L334,106.7 L336,106.2 L338,105.7 L340,105.2 L342,104.7 L344,104.2 L346,103.7 L348,103.1 L350,102.6 L352,102.1 L354,101.6 L356,101.0 L358,100.5 L360,100.0 L362,99.5 L364,99.0 L366,98.4 L368,97.9 L370,97.4 L372,96.9 L374,96.3 L376,95.8 L378,95.3 L380,94.8 L382,94.3 L384,93.8 L386,93.3 L388,92.7 L390,92.2 L392,91.7 L394,91.2 L396,90.7 L398,90.2 L400,89.7 L402,89.2 L404,88.8 L406,88.3 L408,87.8 L410,87.3 L412,86.8 L414,86.4 L416,85.9 L418,85.5 L420,85.0 L422,84.5 L424,84.1 L426,83.7 L428,83.2 L430,82.8 L432,82.4 L434,81.9 L436,81.5 L438,81.1 L440,80.7 L442,80.3 L444,79.9 L446,79.5 L448,79.2 L450,78.8 L452,78.4 L454,78.1 L456,77.7 L458,77.4 L460,77.0 L462,76.7 L464,76.4 L466,76.0 L468,75.7 L470,75.4 L472,75.1 L474,74.8 L476,74.6 L478,74.3 L480,74.0 L482,73.8 L484,73.5 L486,73.3 L488,73.0 L490,72.8 L492,72.6 L494,72.4 L496,72.2 L498,72.0 L500,71.8 L502,71.6 L504,71.5 L506,71.3 L508,71.2 L510,71.0 L512,70.9 L514,70.8 L516,70.7 L518,70.6 L520,70.5 L522,70.4 L524,70.3 L526,70.2 L528,70.2 L530,70.1 L532,70.1 L534,70.0 L536,70.0 L538,70.0 L540,70.0 L542,70.0 L544,70.0 L546,70.0 L548,70.1 L550,70.1 L552,70.2 L554,70.2 L556,70.3 L558,70.4 L560,70.5 L562,70.6 L564,70.7 L566,70.8 L568,70.9 L570,71.0 L572,71.2 L574,71.3 L576,71.5 L578,71.6 L580,71.8 L582,72.0 L584,72.2 L586,72.4 L588,72.6 L590,72.8 L592,73.0 L594,73.3 L596,73.5 L598,73.8 L600,74.0 L602,74.3 L604,74.6 L606,74.8 L608,75.1 L610,75.4 L612,75.7 L614,76.0 L616,76.4 L618,76.7 L620,77.0 L622,77.4 L624,77.7 L626,78.1 L628,78.4 L630,78.8 L632,79.2 L634,79.5 L636,79.9 L638,80.3 L640,80.7 L642,81.1 L644,81.5 L646,81.9 L648,82.4 L650,82.8 L652,83.2 L654,83.7 L656,84.1 L658,84.5 L660,85.0 L662,85.5 L664,85.9 L666,86.4 L668,86.8 L670,87.3 L672,87.8 L674,88.3 L676,88.8 L678,89.2 L680,89.7 L682,90.2 L684,90.7 L686,91.2 L688,91.7 L690,92.2 L692,92.7 L694,93.3 L696,93.8 L698,94.3 L700,94.8 L702,95.3 L704,95.8 L706,96.3 L708,96.9 L710,97.4 L712,97.9 L714,98.4 L716,99.0 L718,99.5 L720,100.0 L722,100.5 L724,101.0 L726,101.6 L728,102.1 L730,102.6 L732,103.1 L734,103.7 L736,104.2 L738,104.7 L740,105.2 L742,105.7 L744,106.2 L746,106.7 L748,107.3 L750,107.8 L752,108.3 L754,108.8 L756,109.3 L758,109.8 L760,110.3 L762,110.8 L764,111.2 L766,111.7 L768,112.2 L770,112.7 L772,113.2 L774,113.6 L776,114.1 L778,114.5 L780,115.0 L782,115.5 L784,115.9 L786,116.3 L788,116.8 L790,117.2 L792,117.6 L794,118.1 L796,118.5 L798,118.9 L800,119.3 L802,119.7 L804,120.1 L806,120.5 L808,120.8 L810,121.2 L812,121.6 L814,121.9 L816,122.3 L818,122.6 L820,123.0 L822,123.3 L824,123.6 L826,124.0 L828,124.3 L830,124.6 L832,124.9 L834,125.2 L836,125.4 L838,125.7 L840,126.0 L842,126.2 L844,126.5 L846,126.7 L848,127.0 L850,127.2 L852,127.4 L854,127.6 L856,127.8 L858,128.0 L860,128.2 L862,128.4 L864,128.5 L866,128.7 L868,128.8 L870,129.0 L872,129.1 L874,129.2 L876,129.3 L878,129.4 L880,129.5 L882,129.6 L884,129.7 L886,129.8 L888,129.8 L890,129.9 L892,129.9 L894,130.0 L896,130.0 L898,130.0 L900,130.0 L902,130.0 L904,130.0 L906,130.0 L908,129.9 L910,129.9 L912,129.8 L914,129.8 L916,129.7 L918,129.6 L920,129.5 L922,129.4 L924,129.3 L926,129.2 L928,129.1 L930,129.0 L932,128.8 L934,128.7 L936,128.5 L938,128.4 L940,128.2 L942,128.0 L944,127.8 L946,127.6 L948,127.4 L950,127.2 L952,127.0 L954,126.7 L956,126.5 L958,126.2 L960,126.0 L962,125.7 L964,125.4 L966,125.2 L968,124.9 L970,124.6 L972,124.3 L974,124.0 L976,123.6 L978,123.3 L980,123.0 L982,122.6 L984,122.3 L986,121.9 L988,121.6 L990,121.2 L992,120.8 L994,120.5 L996,120.1 L998,119.7 L1000,119.3 L1002,118.9 L1004,118.5 L1006,118.1 L1008,117.6 L1010,117.2 L1012,116.8 L1014,116.3 L1016,115.9 L1018,115.5 L1020,115.0 L1022,114.5 L1024,114.1 L1026,113.6 L1028,113.2 L1030,112.7 L1032,112.2 L1034,111.7 L1036,111.2 L1038,110.8 L1040,110.3 L1042,109.8 L1044,109.3 L1046,108.8 L1048,108.3 L1050,107.8 L1052,107.3 L1054,106.7 L1056,106.2 L1058,105.7 L1060,105.2 L1062,104.7 L1064,104.2 L1066,103.7 L1068,103.1 L1070,102.6 L1072,102.1 L1074,101.6 L1076,101.0 L1078,100.5 L1080,100.0 L1082,99.5 L1084,99.0 L1086,98.4 L1088,97.9 L1090,97.4 L1092,96.9 L1094,96.3 L1096,95.8 L1098,95.3 L1100,94.8 L1102,94.3 L1104,93.8 L1106,93.3 L1108,92.7 L1110,92.2 L1112,91.7 L1114,91.2 L1116,90.7 L1118,90.2 L1120,89.7 L1122,89.2 L1124,88.8 L1126,88.3 L1128,87.8 L1130,87.3 L1132,86.8 L1134,86.4 L1136,85.9 L1138,85.5 L1140,85.0 L1142,84.5 L1144,84.1 L1146,83.7 L1148,83.2 L1150,82.8 L1152,82.4 L1154,81.9 L1156,81.5 L1158,81.1 L1160,80.7 L1162,80.3 L1164,79.9 L1166,79.5 L1168,79.2 L1170,78.8 L1172,78.4 L1174,78.1 L1176,77.7 L1178,77.4 L1180,77.0 L1182,76.7 L1184,76.4 L1186,76.0 L1188,75.7 L1190,75.4 L1192,75.1 L1194,74.8 L1196,74.6 L1198,74.3 L1200,74.0 L1202,73.8 L1204,73.5 L1206,73.3 L1208,73.0 L1210,72.8 L1212,72.6 L1214,72.4 L1216,72.2 L1218,72.0 L1220,71.8 L1222,71.6 L1224,71.5 L1226,71.3 L1228,71.2 L1230,71.0 L1232,70.9 L1234,70.8 L1236,70.7 L1238,70.6 L1240,70.5 L1242,70.4 L1244,70.3 L1246,70.2 L1248,70.2 L1250,70.1 L1252,70.1 L1254,70.0 L1256,70.0 L1258,70.0 L1260,70.0 L1262,70.0 L1264,70.0 L1266,70.0 L1268,70.1 L1270,70.1 L1272,70.2 L1274,70.2 L1276,70.3 L1278,70.4 L1280,70.5 L1282,70.6 L1284,70.7 L1286,70.8 L1288,70.9 L1290,71.0 L1292,71.2 L1294,71.3 L1296,71.5 L1298,71.6 L1300,71.8 L1302,72.0 L1304,72.2 L1306,72.4 L1308,72.6 L1310,72.8 L1312,73.0 L1314,73.3 L1316,73.5 L1318,73.8 L1320,74.0 L1322,74.3 L1324,74.6 L1326,74.8 L1328,75.1 L1330,75.4 L1332,75.7 L1334,76.0 L1336,76.4 L1338,76.7 L1340,77.0 L1342,77.4 L1344,77.7 L1346,78.1 L1348,78.4 L1350,78.8 L1352,79.2 L1354,79.5 L1356,79.9 L1358,80.3 L1360,80.7 L1362,81.1 L1364,81.5 L1366,81.9 L1368,82.4 L1370,82.8 L1372,83.2 L1374,83.7 L1376,84.1 L1378,84.5 L1380,85.0 L1382,85.5 L1384,85.9 L1386,86.4 L1388,86.8 L1390,87.3 L1392,87.8 L1394,88.3 L1396,88.8 L1398,89.2 L1400,89.7 L1402,90.2 L1404,90.7 L1406,91.2 L1408,91.7 L1410,92.2 L1412,92.7 L1414,93.3 L1416,93.8 L1418,94.3 L1420,94.8 L1422,95.3 L1424,95.8 L1426,96.3 L1428,96.9 L1430,97.4 L1432,97.9 L1434,98.4 L1436,99.0 L1438,99.5 L1440,100.0 L1440,200 L0,200 Z" fill="#3b82f6" opacity="1" /></svg>

Mã CSS

background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201440%20200%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%2C200%20L0%2C100.0%20L2%2C100.5%20L4%2C101.0%20L6%2C101.6%20L8%2C102.1%20L10%2C102.6%20L12%2C103.1%20L14%2C103.7%20L16%2C104.2%20L18%2C104.7%20L20%2C105.2%20L22%2C105.7%20L24%2C106.2%20L26%2C106.7%20L28%2C107.3%20L30%2C107.8%20L32%2C108.3%20L34%2C108.8%20L36%2C109.3%20L38%2C109.8%20L40%2C110.3%20L42%2C110.8%20L44%2C111.2%20L46%2C111.7%20L48%2C112.2%20L50%2C112.7%20L52%2C113.2%20L54%2C113.6%20L56%2C114.1%20L58%2C114.5%20L60%2C115.0%20L62%2C115.5%20L64%2C115.9%20L66%2C116.3%20L68%2C116.8%20L70%2C117.2%20L72%2C117.6%20L74%2C118.1%20L76%2C118.5%20L78%2C118.9%20L80%2C119.3%20L82%2C119.7%20L84%2C120.1%20L86%2C120.5%20L88%2C120.8%20L90%2C121.2%20L92%2C121.6%20L94%2C121.9%20L96%2C122.3%20L98%2C122.6%20L100%2C123.0%20L102%2C123.3%20L104%2C123.6%20L106%2C124.0%20L108%2C124.3%20L110%2C124.6%20L112%2C124.9%20L114%2C125.2%20L116%2C125.4%20L118%2C125.7%20L120%2C126.0%20L122%2C126.2%20L124%2C126.5%20L126%2C126.7%20L128%2C127.0%20L130%2C127.2%20L132%2C127.4%20L134%2C127.6%20L136%2C127.8%20L138%2C128.0%20L140%2C128.2%20L142%2C128.4%20L144%2C128.5%20L146%2C128.7%20L148%2C128.8%20L150%2C129.0%20L152%2C129.1%20L154%2C129.2%20L156%2C129.3%20L158%2C129.4%20L160%2C129.5%20L162%2C129.6%20L164%2C129.7%20L166%2C129.8%20L168%2C129.8%20L170%2C129.9%20L172%2C129.9%20L174%2C130.0%20L176%2C130.0%20L178%2C130.0%20L180%2C130.0%20L182%2C130.0%20L184%2C130.0%20L186%2C130.0%20L188%2C129.9%20L190%2C129.9%20L192%2C129.8%20L194%2C129.8%20L196%2C129.7%20L198%2C129.6%20L200%2C129.5%20L202%2C129.4%20L204%2C129.3%20L206%2C129.2%20L208%2C129.1%20L210%2C129.0%20L212%2C128.8%20L214%2C128.7%20L216%2C128.5%20L218%2C128.4%20L220%2C128.2%20L222%2C128.0%20L224%2C127.8%20L226%2C127.6%20L228%2C127.4%20L230%2C127.2%20L232%2C127.0%20L234%2C126.7%20L236%2C126.5%20L238%2C126.2%20L240%2C126.0%20L242%2C125.7%20L244%2C125.4%20L246%2C125.2%20L248%2C124.9%20L250%2C124.6%20L252%2C124.3%20L254%2C124.0%20L256%2C123.6%20L258%2C123.3%20L260%2C123.0%20L262%2C122.6%20L264%2C122.3%20L266%2C121.9%20L268%2C121.6%20L270%2C121.2%20L272%2C120.8%20L274%2C120.5%20L276%2C120.1%20L278%2C119.7%20L280%2C119.3%20L282%2C118.9%20L284%2C118.5%20L286%2C118.1%20L288%2C117.6%20L290%2C117.2%20L292%2C116.8%20L294%2C116.3%20L296%2C115.9%20L298%2C115.5%20L300%2C115.0%20L302%2C114.5%20L304%2C114.1%20L306%2C113.6%20L308%2C113.2%20L310%2C112.7%20L312%2C112.2%20L314%2C111.7%20L316%2C111.2%20L318%2C110.8%20L320%2C110.3%20L322%2C109.8%20L324%2C109.3%20L326%2C108.8%20L328%2C108.3%20L330%2C107.8%20L332%2C107.3%20L334%2C106.7%20L336%2C106.2%20L338%2C105.7%20L340%2C105.2%20L342%2C104.7%20L344%2C104.2%20L346%2C103.7%20L348%2C103.1%20L350%2C102.6%20L352%2C102.1%20L354%2C101.6%20L356%2C101.0%20L358%2C100.5%20L360%2C100.0%20L362%2C99.5%20L364%2C99.0%20L366%2C98.4%20L368%2C97.9%20L370%2C97.4%20L372%2C96.9%20L374%2C96.3%20L376%2C95.8%20L378%2C95.3%20L380%2C94.8%20L382%2C94.3%20L384%2C93.8%20L386%2C93.3%20L388%2C92.7%20L390%2C92.2%20L392%2C91.7%20L394%2C91.2%20L396%2C90.7%20L398%2C90.2%20L400%2C89.7%20L402%2C89.2%20L404%2C88.8%20L406%2C88.3%20L408%2C87.8%20L410%2C87.3%20L412%2C86.8%20L414%2C86.4%20L416%2C85.9%20L418%2C85.5%20L420%2C85.0%20L422%2C84.5%20L424%2C84.1%20L426%2C83.7%20L428%2C83.2%20L430%2C82.8%20L432%2C82.4%20L434%2C81.9%20L436%2C81.5%20L438%2C81.1%20L440%2C80.7%20L442%2C80.3%20L444%2C79.9%20L446%2C79.5%20L448%2C79.2%20L450%2C78.8%20L452%2C78.4%20L454%2C78.1%20L456%2C77.7%20L458%2C77.4%20L460%2C77.0%20L462%2C76.7%20L464%2C76.4%20L466%2C76.0%20L468%2C75.7%20L470%2C75.4%20L472%2C75.1%20L474%2C74.8%20L476%2C74.6%20L478%2C74.3%20L480%2C74.0%20L482%2C73.8%20L484%2C73.5%20L486%2C73.3%20L488%2C73.0%20L490%2C72.8%20L492%2C72.6%20L494%2C72.4%20L496%2C72.2%20L498%2C72.0%20L500%2C71.8%20L502%2C71.6%20L504%2C71.5%20L506%2C71.3%20L508%2C71.2%20L510%2C71.0%20L512%2C70.9%20L514%2C70.8%20L516%2C70.7%20L518%2C70.6%20L520%2C70.5%20L522%2C70.4%20L524%2C70.3%20L526%2C70.2%20L528%2C70.2%20L530%2C70.1%20L532%2C70.1%20L534%2C70.0%20L536%2C70.0%20L538%2C70.0%20L540%2C70.0%20L542%2C70.0%20L544%2C70.0%20L546%2C70.0%20L548%2C70.1%20L550%2C70.1%20L552%2C70.2%20L554%2C70.2%20L556%2C70.3%20L558%2C70.4%20L560%2C70.5%20L562%2C70.6%20L564%2C70.7%20L566%2C70.8%20L568%2C70.9%20L570%2C71.0%20L572%2C71.2%20L574%2C71.3%20L576%2C71.5%20L578%2C71.6%20L580%2C71.8%20L582%2C72.0%20L584%2C72.2%20L586%2C72.4%20L588%2C72.6%20L590%2C72.8%20L592%2C73.0%20L594%2C73.3%20L596%2C73.5%20L598%2C73.8%20L600%2C74.0%20L602%2C74.3%20L604%2C74.6%20L606%2C74.8%20L608%2C75.1%20L610%2C75.4%20L612%2C75.7%20L614%2C76.0%20L616%2C76.4%20L618%2C76.7%20L620%2C77.0%20L622%2C77.4%20L624%2C77.7%20L626%2C78.1%20L628%2C78.4%20L630%2C78.8%20L632%2C79.2%20L634%2C79.5%20L636%2C79.9%20L638%2C80.3%20L640%2C80.7%20L642%2C81.1%20L644%2C81.5%20L646%2C81.9%20L648%2C82.4%20L650%2C82.8%20L652%2C83.2%20L654%2C83.7%20L656%2C84.1%20L658%2C84.5%20L660%2C85.0%20L662%2C85.5%20L664%2C85.9%20L666%2C86.4%20L668%2C86.8%20L670%2C87.3%20L672%2C87.8%20L674%2C88.3%20L676%2C88.8%20L678%2C89.2%20L680%2C89.7%20L682%2C90.2%20L684%2C90.7%20L686%2C91.2%20L688%2C91.7%20L690%2C92.2%20L692%2C92.7%20L694%2C93.3%20L696%2C93.8%20L698%2C94.3%20L700%2C94.8%20L702%2C95.3%20L704%2C95.8%20L706%2C96.3%20L708%2C96.9%20L710%2C97.4%20L712%2C97.9%20L714%2C98.4%20L716%2C99.0%20L718%2C99.5%20L720%2C100.0%20L722%2C100.5%20L724%2C101.0%20L726%2C101.6%20L728%2C102.1%20L730%2C102.6%20L732%2C103.1%20L734%2C103.7%20L736%2C104.2%20L738%2C104.7%20L740%2C105.2%20L742%2C105.7%20L744%2C106.2%20L746%2C106.7%20L748%2C107.3%20L750%2C107.8%20L752%2C108.3%20L754%2C108.8%20L756%2C109.3%20L758%2C109.8%20L760%2C110.3%20L762%2C110.8%20L764%2C111.2%20L766%2C111.7%20L768%2C112.2%20L770%2C112.7%20L772%2C113.2%20L774%2C113.6%20L776%2C114.1%20L778%2C114.5%20L780%2C115.0%20L782%2C115.5%20L784%2C115.9%20L786%2C116.3%20L788%2C116.8%20L790%2C117.2%20L792%2C117.6%20L794%2C118.1%20L796%2C118.5%20L798%2C118.9%20L800%2C119.3%20L802%2C119.7%20L804%2C120.1%20L806%2C120.5%20L808%2C120.8%20L810%2C121.2%20L812%2C121.6%20L814%2C121.9%20L816%2C122.3%20L818%2C122.6%20L820%2C123.0%20L822%2C123.3%20L824%2C123.6%20L826%2C124.0%20L828%2C124.3%20L830%2C124.6%20L832%2C124.9%20L834%2C125.2%20L836%2C125.4%20L838%2C125.7%20L840%2C126.0%20L842%2C126.2%20L844%2C126.5%20L846%2C126.7%20L848%2C127.0%20L850%2C127.2%20L852%2C127.4%20L854%2C127.6%20L856%2C127.8%20L858%2C128.0%20L860%2C128.2%20L862%2C128.4%20L864%2C128.5%20L866%2C128.7%20L868%2C128.8%20L870%2C129.0%20L872%2C129.1%20L874%2C129.2%20L876%2C129.3%20L878%2C129.4%20L880%2C129.5%20L882%2C129.6%20L884%2C129.7%20L886%2C129.8%20L888%2C129.8%20L890%2C129.9%20L892%2C129.9%20L894%2C130.0%20L896%2C130.0%20L898%2C130.0%20L900%2C130.0%20L902%2C130.0%20L904%2C130.0%20L906%2C130.0%20L908%2C129.9%20L910%2C129.9%20L912%2C129.8%20L914%2C129.8%20L916%2C129.7%20L918%2C129.6%20L920%2C129.5%20L922%2C129.4%20L924%2C129.3%20L926%2C129.2%20L928%2C129.1%20L930%2C129.0%20L932%2C128.8%20L934%2C128.7%20L936%2C128.5%20L938%2C128.4%20L940%2C128.2%20L942%2C128.0%20L944%2C127.8%20L946%2C127.6%20L948%2C127.4%20L950%2C127.2%20L952%2C127.0%20L954%2C126.7%20L956%2C126.5%20L958%2C126.2%20L960%2C126.0%20L962%2C125.7%20L964%2C125.4%20L966%2C125.2%20L968%2C124.9%20L970%2C124.6%20L972%2C124.3%20L974%2C124.0%20L976%2C123.6%20L978%2C123.3%20L980%2C123.0%20L982%2C122.6%20L984%2C122.3%20L986%2C121.9%20L988%2C121.6%20L990%2C121.2%20L992%2C120.8%20L994%2C120.5%20L996%2C120.1%20L998%2C119.7%20L1000%2C119.3%20L1002%2C118.9%20L1004%2C118.5%20L1006%2C118.1%20L1008%2C117.6%20L1010%2C117.2%20L1012%2C116.8%20L1014%2C116.3%20L1016%2C115.9%20L1018%2C115.5%20L1020%2C115.0%20L1022%2C114.5%20L1024%2C114.1%20L1026%2C113.6%20L1028%2C113.2%20L1030%2C112.7%20L1032%2C112.2%20L1034%2C111.7%20L1036%2C111.2%20L1038%2C110.8%20L1040%2C110.3%20L1042%2C109.8%20L1044%2C109.3%20L1046%2C108.8%20L1048%2C108.3%20L1050%2C107.8%20L1052%2C107.3%20L1054%2C106.7%20L1056%2C106.2%20L1058%2C105.7%20L1060%2C105.2%20L1062%2C104.7%20L1064%2C104.2%20L1066%2C103.7%20L1068%2C103.1%20L1070%2C102.6%20L1072%2C102.1%20L1074%2C101.6%20L1076%2C101.0%20L1078%2C100.5%20L1080%2C100.0%20L1082%2C99.5%20L1084%2C99.0%20L1086%2C98.4%20L1088%2C97.9%20L1090%2C97.4%20L1092%2C96.9%20L1094%2C96.3%20L1096%2C95.8%20L1098%2C95.3%20L1100%2C94.8%20L1102%2C94.3%20L1104%2C93.8%20L1106%2C93.3%20L1108%2C92.7%20L1110%2C92.2%20L1112%2C91.7%20L1114%2C91.2%20L1116%2C90.7%20L1118%2C90.2%20L1120%2C89.7%20L1122%2C89.2%20L1124%2C88.8%20L1126%2C88.3%20L1128%2C87.8%20L1130%2C87.3%20L1132%2C86.8%20L1134%2C86.4%20L1136%2C85.9%20L1138%2C85.5%20L1140%2C85.0%20L1142%2C84.5%20L1144%2C84.1%20L1146%2C83.7%20L1148%2C83.2%20L1150%2C82.8%20L1152%2C82.4%20L1154%2C81.9%20L1156%2C81.5%20L1158%2C81.1%20L1160%2C80.7%20L1162%2C80.3%20L1164%2C79.9%20L1166%2C79.5%20L1168%2C79.2%20L1170%2C78.8%20L1172%2C78.4%20L1174%2C78.1%20L1176%2C77.7%20L1178%2C77.4%20L1180%2C77.0%20L1182%2C76.7%20L1184%2C76.4%20L1186%2C76.0%20L1188%2C75.7%20L1190%2C75.4%20L1192%2C75.1%20L1194%2C74.8%20L1196%2C74.6%20L1198%2C74.3%20L1200%2C74.0%20L1202%2C73.8%20L1204%2C73.5%20L1206%2C73.3%20L1208%2C73.0%20L1210%2C72.8%20L1212%2C72.6%20L1214%2C72.4%20L1216%2C72.2%20L1218%2C72.0%20L1220%2C71.8%20L1222%2C71.6%20L1224%2C71.5%20L1226%2C71.3%20L1228%2C71.2%20L1230%2C71.0%20L1232%2C70.9%20L1234%2C70.8%20L1236%2C70.7%20L1238%2C70.6%20L1240%2C70.5%20L1242%2C70.4%20L1244%2C70.3%20L1246%2C70.2%20L1248%2C70.2%20L1250%2C70.1%20L1252%2C70.1%20L1254%2C70.0%20L1256%2C70.0%20L1258%2C70.0%20L1260%2C70.0%20L1262%2C70.0%20L1264%2C70.0%20L1266%2C70.0%20L1268%2C70.1%20L1270%2C70.1%20L1272%2C70.2%20L1274%2C70.2%20L1276%2C70.3%20L1278%2C70.4%20L1280%2C70.5%20L1282%2C70.6%20L1284%2C70.7%20L1286%2C70.8%20L1288%2C70.9%20L1290%2C71.0%20L1292%2C71.2%20L1294%2C71.3%20L1296%2C71.5%20L1298%2C71.6%20L1300%2C71.8%20L1302%2C72.0%20L1304%2C72.2%20L1306%2C72.4%20L1308%2C72.6%20L1310%2C72.8%20L1312%2C73.0%20L1314%2C73.3%20L1316%2C73.5%20L1318%2C73.8%20L1320%2C74.0%20L1322%2C74.3%20L1324%2C74.6%20L1326%2C74.8%20L1328%2C75.1%20L1330%2C75.4%20L1332%2C75.7%20L1334%2C76.0%20L1336%2C76.4%20L1338%2C76.7%20L1340%2C77.0%20L1342%2C77.4%20L1344%2C77.7%20L1346%2C78.1%20L1348%2C78.4%20L1350%2C78.8%20L1352%2C79.2%20L1354%2C79.5%20L1356%2C79.9%20L1358%2C80.3%20L1360%2C80.7%20L1362%2C81.1%20L1364%2C81.5%20L1366%2C81.9%20L1368%2C82.4%20L1370%2C82.8%20L1372%2C83.2%20L1374%2C83.7%20L1376%2C84.1%20L1378%2C84.5%20L1380%2C85.0%20L1382%2C85.5%20L1384%2C85.9%20L1386%2C86.4%20L1388%2C86.8%20L1390%2C87.3%20L1392%2C87.8%20L1394%2C88.3%20L1396%2C88.8%20L1398%2C89.2%20L1400%2C89.7%20L1402%2C90.2%20L1404%2C90.7%20L1406%2C91.2%20L1408%2C91.7%20L1410%2C92.2%20L1412%2C92.7%20L1414%2C93.3%20L1416%2C93.8%20L1418%2C94.3%20L1420%2C94.8%20L1422%2C95.3%20L1424%2C95.8%20L1426%2C96.3%20L1428%2C96.9%20L1430%2C97.4%20L1432%2C97.9%20L1434%2C98.4%20L1436%2C99.0%20L1438%2C99.5%20L1440%2C100.0%20L1440%2C200%20L0%2C200%20Z%22%20fill%3D%22%233b82f6%22%20opacity%3D%221%22%20%2F%3E%3C%2Fsvg%3E");

Nhúng

<iframe src="https://devtools.patrache.studio/vi/generators/svg-wave-generator/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Tạo sóng SVG — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/vi/generators/svg-wave-generator/">Tạo sóng SVG</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi

Tạo sóng SVG la gi?

Cach su dung

1
Điều chỉnh tùy chọn— Điều chỉnh kiểu dáng bằng thanh trượt và bộ chọn màu.
2
Kiểm tra bản xem trước— Kiểm tra kết quả trong bản xem trước thời gian thực.
3
Sao chép mã— Sao chép mã CSS hoặc SVG để sử dụng trong dự án của bạn.

Cong cu lien quan

Tạo CSS GradientTrình tạo gradient CSS trực quan cho gradient tuyến tính, tỏa tròn và hình nón: thêm điểm màu, chỉnh góc rồi sao chép CSS. Rất hợp cho nền và nút bấm, miễn phí trên trình duyệt.

Trình tối ưu SVGCông cụ tối ưu SVG trực tuyến miễn phí giúp loại bỏ metadata, chú thích và khoảng trắng thừa để giảm kích thước tệp. Dọn dẹp mã SVG trong trình duyệt và tải xuống kết quả.

Tạo CSS Box ShadowTrình tạo box-shadow CSS với các điều khiển offset, blur, spread, màu và inset cùng bản xem trước bóng đổ. Sao chép mã CSS sẵn dùng cho mọi phần tử, miễn phí trên trình duyệt.

Bộ chuyển đổi mã màuCông cụ chuyển đổi màu giữa mã HEX, RGB, HSL và OKLCH, kèm tỉ lệ tương phản WCAG của hai màu. Kiểm tra khả năng tiếp cận ngay khi chọn bảng màu, miễn phí trên trình duyệt.

Cau hoi thuong gap

Đây là công cụ trực tuyến miễn phí để tạo sóng SVG bằng trình chỉnh sửa trực quan và sao chép mã CSS/SVG.

Có, các preset kiểu dáng thường dùng được cung cấp.

Có, bạn có thể trực tiếp sao chép mã CSS/SVG đã tạo.

Không. Mọi xử lý được thực hiện trong trình duyệt.

Có, thiết kế responsive hoạt động trên thiết bị di động.