패턴 생성기
거의 2,000가지 디자인으로 끊김 없는 SVG 배경 패턴을 만드세요. 색상, 확대, 간격, 각도를 바꾼 뒤 CSS를 복사하거나 SVG, PNG, WebP를 다운로드할 수 있습니다.
컬렉션별로 둘러보기
패턴 생성기 소개
패턴 생성기는 거의 2,000가지에 이르는 기성 디자인을 바로 조정해서 쓸 수 있는 배경으로 바꿔 줍니다. 물결, 물방울무늬, 테셀레이션부터 타탄, 일본의 세이가이하, 이슬람 별, 아르데코 부채, 픽셀 스프라이트, 위장 무늬까지 14개 컬렉션을 둘러보고, 각 디자인을 원하는 색상으로 확인해 보세요.
모든 디자인은 벡터 아트로 그려져 있어 어떤 확대 비율과 각도에서도 이음새가 보이지 않게 반복됩니다. 최대 6가지 색상, 확대, 위치, 간격, 선 두께, 각도를 바꿀 수 있고, 채워진 도형을 윤곽선으로 바꾸거나 반복 애니메이션으로 패턴을 움직이게 할 수도 있습니다. 지형도, 보로노이 셀, 트뤼셰 타일 같은 제너레이티브 패턴은 클릭할 때마다 새로운 변형을 만들 수 있습니다.
마음에 들면 CSS, SCSS, Tailwind 설정, 인라인 SVG, 데이터 URI, React 컴포넌트로 복사하거나, 최대 8000픽셀까지 원하는 크기의 SVG, PNG, JPG, WebP로 다운로드하세요. 직접 반복 패턴을 만들 수 있는 타일 하나만 내보내는 것도 가능합니다. 모든 작업은 브라우저에서 처리되므로 아무것도 업로드되지 않으며 계정도 필요하지 않습니다.
패턴 생성기 사용 방법
- 패턴 선택: 이름으로 검색하거나 컬렉션과 색상 수로 필터링하세요.
- 색상 선택기, 기성 팔레트 또는 “새 팔레트”로 색상을 고르세요.
- 확대, 위치, 간격, 선 두께, 각도를 조정하세요. “영감 받기”를 누르기 전에 유지하고 싶은 값은 잠가 두세요.
- “타일 보기”, “페이지에서”, “텍스트에서” 미리보기로 확인하세요.
- 코드를 복사하거나 파일을 다운로드하고, “링크 복사”를 사용하면 나중에 이 패턴으로 그대로 돌아올 수 있습니다.