디자인 도구
블롭 모양 생성기
모던 웹 디자인을 위한 유기적인 블롭 모양을 생성합니다
모양
5
50%
400px
0°
색상
<svg viewBox="0 0 100 100" width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 124.45985852139074,50 C 124.90672074041359,74.81927530397067 119.14723967633472,83.07017964130543 100.53227504598703,100.532275045987 C 81.91731041563935,117.99437045066858 74.59856545978514,120.51595368193469 50.00000000000001,119.84838161872631 C 25.401434540214872,119.18080955551792 16.450609664528997,115.32408219783508 2.1380132068464945,97.8619867931535 C -12.17458325083601,80.39989138847193 -6.266679277900332,74.91469994940644 -7.250385830730011,50.00000000000001 C -8.23409238355969,25.08530005059358 -16.10940946215472,15.405844653775993 -1.7968130044722201,-1.796813004472206 C 12.515783453210279,-18.999470662720405 24.864590206408018,-19.57362734163693 49.999999999999986,-18.810630632992797 C 75.13540979359195,-18.047633924348666 80.12986153954796,-15.947483828143874 98.74482616989565,1.2551738301043258 C 117.35979080024333,18.457831488352525 124.0129963023679,25.18072469602933 124.45985852139074,50 Z" fill="#6366f1" transform="rotate(0 50 50)" />
</svg>블롭 모양 생성기이란?
모던 웹 디자인을 위한 유기적인 블롭 모양을 생성합니다
블롭 모양 생성기은(는) 브라우저에서 직접 작동하는 무료 온라인 도구입니다. 설치나 회원가입이 필요 없습니다. 모든 처리가 기기에서 로컬로 이루어져 데이터가 안전하게 보호됩니다.
왜 블롭 모양 생성기을(를) 사용해야 할까요?
- ✓100% 무료 - 숨겨진 비용이나 유료 기능이 없습니다
- ✓회원가입 불필요 - 계정 생성 없이 바로 사용 가능합니다
- ✓개인정보 보호 - 모든 처리가 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다
- ✓초고속 - 서버 지연 없이 즉시 결과를 확인하세요
사용 방법
- 위의 입력 영역에 텍스트를 입력하거나 붙여넣으세요
- 도구가 자동으로 입력을 처리합니다
- 결과를 복사하거나 파일로 다운로드하세요
주요 기능
- ✓랜덤 블롭 형태
- ✓복잡도 및 대비 제어
- ✓크기 조절
- ✓색상 및 그라디언트 채우기
- ✓SVG 및 CSS clip-path 내보내기
- ✓애니메이션 키프레임
자주 묻는 질문
블롭 모양을 어떻게 애니메이션화할 수 있나요?
여러 블롭 키프레임을 생성하고 CSS 애니메이션이나 JavaScript를 사용하여 전환할 수 있습니다.