SVG 블롭 & 배경 패턴 생성기
SVG 블롭 & 배경 패턴 생성기는 두 가지 도구를 하나로 합친 것입니다: 점 개수, 무작위성, 색상을 조절할 수 있는 무작위 유기적 블롭 모양 생성기(blobmaker.app과 유사), 그리고 타일 크기, 선 굵기, 전경색, 배경색을 조절할 수 있는 매끄럽게 반복되는 SVG 배경 패턴 생성기(점, 격자, 대각선, 물결)입니다. 원본 SVG 코드를 그대로 복사하거나, 바로 사용 가능한 CSS background-image 선언으로 복사하거나, 독립된 .svg 파일로 다운로드할 수 있습니다. 모든 생성은 순수한 수학 연산을 통해 브라우저 안에서 이루어지며, 어디로도 업로드되지 않습니다.
디자인·CSS 도구 브라우저에서 완전히 실행
그래픽은 모두 브라우저 안에서 생성됩니다 — 서버로 전송되는 데이터는 전혀 없습니다.
SVG 코드
<svg width="300" height="300" viewBox="-150 -150 300 300" xmlns="http://www.w3.org/2000/svg"><path d="M 112.62 -48.05 Q 129.15 0.00 94.34 29.77 Q 59.54 59.54 29.77 90.76 Q 0.00 121.98 -54.67 115.66 Q -109.34 109.34 -131.53 54.67 Q -153.72 0.00 -113.72 -36.85 Q -73.71 -73.71 -36.85 -100.92 Q -0.00 -128.12 48.05 -112.11 Q 96.09 -96.09 112.62 -48.05 Z" fill="#6366f1" /></svg>
자주 묻는 질문
네, 패턴 모드에서는 스타일시트에 바로 붙여넣을 수 있는 background-image CSS 선언을 제공합니다.