디자인 도구
블롭 모양 생성기
모던 웹 디자인을 위한 유기적인 블롭 모양을 생성합니다
모양
5
50%
400px
0°
색상
<svg viewBox="0 0 100 100" width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 110.75344878443047,50 C 113.08371946066819,73.10013225401488 116.04916805661281,86.15963703536698 100.8608058605052,100.8608058605052 C 85.67244366439758,115.5619746856434 72.09910320756364,112.13597502324181 50.00000000000001,108.80467530055284 C 27.900896792436377,105.47337557786388 25.41928686131837,102.23677579488754 12.464393030250676,87.53560696974932 C -0.49050080081701886,72.83443814461111 -2.2093076885686447,68.37807112057679 -1.8195753242707724,50.00000000000001 C -1.4298429599729001,31.62192887942322 1.0684286563744738,28.20862207778562 14.023322487442165,14.023322487442172 C 26.97821631850986,-0.1619771029012771 30.620899832971958,-5.350436950624665 49.99999999999999,-6.74119836137379 C 69.37910016702803,-8.131959772122915 76.35136095944668,-5.725022745897775 91.5397231555543,8.460276844445673 C 106.72808535166192,22.64557643478912 108.42317810819276,26.89986774598512 110.75344878443047,50 Z" fill="#6366f1" transform="rotate(0 50 50)" />
</svg>블롭 모양 생성기이란?
모던 웹 디자인을 위한 유기적인 블롭 모양을 생성합니다
블롭 모양 생성기은(는) 브라우저에서 직접 작동하는 무료 온라인 도구입니다. 설치나 회원가입이 필요 없습니다. 모든 처리가 기기에서 로컬로 이루어져 데이터가 안전하게 보호됩니다.
왜 블롭 모양 생성기을(를) 사용해야 할까요?
- ✓100% 무료 - 숨겨진 비용이나 유료 기능이 없습니다
- ✓회원가입 불필요 - 계정 생성 없이 바로 사용 가능합니다
- ✓개인정보 보호 - 모든 처리가 브라우저에서 이루어집니다. 데이터가 서버로 전송되지 않습니다
- ✓초고속 - 서버 지연 없이 즉시 결과를 확인하세요
사용 방법
- 위의 입력 영역에 텍스트를 입력하거나 붙여넣으세요
- 도구가 자동으로 입력을 처리합니다
- 결과를 복사하거나 파일로 다운로드하세요
주요 기능
- ✓랜덤 블롭 형태
- ✓복잡도 및 대비 제어
- ✓크기 조절
- ✓색상 및 그라디언트 채우기
- ✓SVG 및 CSS clip-path 내보내기
- ✓애니메이션 키프레임
자주 묻는 질문
블롭 모양을 어떻게 애니메이션화할 수 있나요?
여러 블롭 키프레임을 생성하고 CSS 애니메이션이나 JavaScript를 사용하여 전환할 수 있습니다.