Blob (블롭) — 모던 웹·앱 디자인에서 인기인 자연스러운 추상 도형을 즉시 생성합니다. 새로고침으로 무한 변형.

SVG 코드


        

    


    

        
        
    


    

        
Blob 생성기 사용법

        
    
            
  1. 색상과 복잡도(점 개수)를 조정합니다.
    2. 
            
  2. 들쑥날쑥 정도로 형태의 자유로움을 조절합니다.
    3. 
            
  3. "새 Blob 생성" 버튼으로 마음에 드는 형태가 나올 때까지 새로고침합니다.
    4. 
            
  4. SVG 또는 PNG로 다운로드.
    5. 
        


        
주요 기능

        
    
            
  • 랜덤 Blob 형태 무한 생성
    • 
            
  • 점 개수 4~20개 (단순↔복잡)
    • 
            
  • 들쑥날쑥 0~80% 조절
    • 
            
  • 단색·그라데이션 채우기
    • 
            
  • SVG 코드 + PNG 다운로드
    • 
        


        
활용 예시

        
    
            
  • 웹 페이지 배경 장식 요소
    • 
            
  • 히어로 섹션 추상 그래픽
    • 
            
  • 카드·CTA 배경
    • 
            
  • 일러스트 보조 요소
    • 
            
  • 프레젠테이션·인포그래픽
    • 
        


        
Blob이 디자인 트렌드인 이유

        
완벽한 원·사각형이 주는 딱딱함을 깨는 유기적이고 자연스러운 형태가 사용자에게 친근감을 줍니다. 2019년경부터 주류로 떠올라 SaaS·테크 스타트업·교육 사이트의 시각적 정체성에 자주 사용됩니다.


        
자주 묻는 질문

        

            

                매번 다른 Blob이 생성되나요?
                
네, "새 Blob 생성" 버튼을 누를 때마다 랜덤으로 다른 형태가 만들어집니다.

            

            

                같은 Blob을 다시 만들 수 있나요?
                
SVG 코드를 저장해두면 동일한 Blob을 재사용할 수 있습니다. 코드를 변형하지 않으면 같은 형태입니다.

            

            

                Blob을 애니메이션할 수 있나요?
                
가능합니다. 두 가지 path 사이를 SMIL 또는 GreenSock 같은 라이브러리로 보간하면 모핑 애니메이션이 됩니다.

            

            

                모든 브라우저에서 보이나요?
                
네, SVG는 모든 모던 브라우저에서 지원됩니다.