SVG 블롭 생성기
유기적인 블롭 형태의 SVG를 자동 생성합니다. 무작위성과 복잡도를 조정하여 웹 디자인 장식에 활용하세요.
#6366f1
미리보기
SVG
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path d="M 270.05 200.00 C 270.25 233.61, 313.10 272.60, 301.43 301.43 C 289.75 330.26, 229.50 377.27, 200.00 372.96 C 170.50 368.65, 144.88 304.39, 124.44 275.56 C 103.99 246.74, 76.22 224.08, 77.33 200.00 C 78.43 175.92, 110.63 165.51, 131.07 131.07 C 151.52 96.63, 171.81 -1.41, 200.00 -6.62 C 228.19 -11.84, 288.54 65.35, 300.21 99.79 C 311.89 134.22, 269.84 166.39, 270.05 200.00 Z" fill="#6366f1" />
</svg>이 도구 공유
📖
사용 방법
Step 1
매개변수 설정
복잡도, 무작위성, 크기 등의 매개변수를 설정합니다
→
Step 2
블롭 생성
랜덤 블롭 형태를 생성하고 미리봅니다
→
Step 3
SVG 복사
SVG 코드를 복사하거나 이미지로 다운로드합니다
✨
기능
원클릭 생성
한 번의 클릭으로 고유한 블롭 형태를 즉시 생성합니다
완전 커스터마이즈
복잡도, 무작위성, 색상, 그라디언트를 자유롭게 조정합니다
다양한 내보내기 형식
SVG 코드, SVG 파일, PNG 이미지 등으로 내보내기 가능
❓
FAQ
무작위로 생성된 유기적이고 둥근 비정형 도형입니다. 웹 디자인에서 장식 요소로 인기가 있습니다.
🔗관련 도구
🎨
디자인 도구색상 코드 변환기
HEX, RGB, HSL 색상 코드 간 변환을 합니다. 색상 선택기와 실시간 미리보기로 직관적인 색상 선택이 가능합니다.
🎨
디자인 도구색상 선택기
색상 휠과 슬라이더로 직관적으로 색상을 선택하세요. HEX, RGB, HSL 형식의 색상 코드를 확인하고 복사할 수 있습니다.
🎨
디자인 도구이미지 색상 추출기
이미지에서 대표 색상을 자동으로 감지하고 색상 팔레트를 생성합니다. 이미지의 아무 곳이나 클릭하여 개별 색상을 추출할 수도 있습니다.
🎯
디자인 도구이미지 평균 색상 추출기
이미지 전체 또는 선택 영역의 평균 색상을 계산합니다. 색상 배합이나 썸네일 배경색 선택에 유용합니다.
🌈
디자인 도구CSS 그라데이션 생성기
드래그 조작으로 CSS 그라데이션을 시각적으로 만듭니다. 선형, 원형, 원추형 그라데이션 유형과 프리셋을 지원합니다.
🔲
디자인 도구CSS 박스 그림자 생성기
슬라이더로 CSS box-shadow를 시각적으로 만듭니다. 다중 그림자와 내부 그림자를 지원합니다.