Design Tools
블롭 모양 생성기
모던 웹 디자인을 위한 유기적인 블롭 모양을 생성합니다
모양
5
50%
400px
0°
색상
<svg viewBox="0 0 100 100" width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 100.59403983291304,50 C 100.18082356116358,72.35952490422376 106.54112722317686,77.04670143971107 93.8926172649486,93.89261726494858 C 81.24410730672034,110.7385330901861 72.7251970491844,116.60477488423994 50.00000000000001,117.38366330095005 C 27.274802950815612,118.16255171766015 18.239984673724628,113.8540867570265 2.9918290682110253,97.00817093178898 C -12.256326537302579,80.16225510655147 -13.49807501725469,70.99863287069422 -10.99262242205441,50.00000000000001 C -8.48716982685413,29.001367129305798 -2.234516156501453,28.927677666068412 13.013639449012146,13.013639449012153 C 28.261795054525745,-2.9003987680441075 29.36703927426641,-11.516372417985382 49.999999999999986,-13.656152868225035 C 70.63296072573357,-15.795933318464689 82.89697239371819,-11.45952056900272 95.54548235194645,4.454517648053539 C 108.1939923101747,20.368555865109798 101.0072561046625,27.64047509577624 100.59403983291304,50 Z" fill="#6366f1" transform="rotate(0 50 50)" />
</svg>왜 블롭 모양 생성기을(를) 사용해야 할까요?
- ✓100% 무료 - 숨겨진 비용이나 유료 기능이 없습니다
- ✓회원가입 불필요 - 계정 생성 없이 바로 사용 가능합니다
- ✓개인정보 보호 - 모든 처리가 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다
- ✓초고속 - 서버 지연 없이 즉시 결과를 확인하세요
사용 방법
- 위의 입력 영역에 텍스트를 입력하거나 붙여넣으세요
- 도구가 자동으로 입력을 처리합니다
- 결과를 복사하거나 파일로 다운로드하세요
주요 기능
- ✓Randomize blob shapes
- ✓Complexity and contrast control
- ✓Size adjustment
- ✓Color and gradient fill
- ✓SVG and CSS clip-path export
- ✓Animation keyframes
자주 묻는 질문
블롭 모양을 어떻게 애니메이션화할 수 있나요?
여러 블롭 키프레임을 생성하고 CSS 애니메이션이나 JavaScript를 사용하여 전환할 수 있습니다.