본문으로 건너뛰기
Toolars
둘러보기
버그 신고

이미지 · 로컬 유틸리티

SVG 패턴 생성기

SVG Pattern Generator

점, 격자, 줄무늬, 물결, 체크 타일로 이어지는 SVG 패턴을 만들고 크기와 불투명도를 조절해 SVG·PNG로 내보냅니다.

작업 경로 / 입력에서 결과까지

캔버스 크기 설정

로컬에서 실행 · 업로드 없음

SVG 패턴 생성기 사용법, 개인정보 보호 및 관련 도구

작업 경로 / 입력에서 결과까지

반복 SVG 패턴 만드는 방법

  1. 01

    캔버스 크기 설정

    너비와 높이를 각각 64~4,096 px, 총 1,600만 픽셀 이하로 설정하세요. 이 값은 SVG 전체 캔버스와 PNG 렌더 크기를 정해요. SVG는 캔버스 안에서 패턴 단위를 반복하며 단일 타일만 출력하지 않아요.

  2. 02

    패턴 종류 선택

    “패턴 종류”에서 “점”, “그리드”, “대각 스트라이프”, “웨이브”, “체커” 중 하나를 고르세요. 모두 무작위 텍스처가 아니라 경계가 명확한 타일 기반 시스템입니다.

  3. 03

    반복 조정

    “타일 크기”는 8~160픽셀, “마크 굵기”는 1~16, “회전”은 −180~180도, “전경 불투명도”는 0.05~1 범위입니다. “전경”과 “배경”은 6자리 16진수 값으로 지정합니다. 미리보기는 변경할 때마다 갱신됩니다.

  4. 04

    패턴 내보내기

    반복 단위로 채운 SVG 캔버스를 복사하거나 다운로드하고, 선택 크기의 PNG도 내려받을 수 있어요. 내부 단위는 반복되지만 완성된 이미지 전체를 다시 타일로 배열할 때 바깥쪽 가장자리가 매끄럽게 이어진다는 보장은 없어요.

도구 요약

처리
브라우저에서 완결
입력의 기기 외 전송
없음
저장
아무것도 저장하지 않음
가격
무료

입력 값은 브라우저에 머물러요.

SVG 패턴 생성기 도구는 검증된 로컬 실행 경로를 사용하고, 숨겨진 입력 또는 출력 기록을 만들지 않습니다.

로컬 실행

현재 브라우저 탭 안에서 실행됩니다.

숨겨진 처리 없음

사용 중인 도구 데이터는 Toolars 문서 기록으로 남지 않습니다.

계정 불필요

프로필을 만들지 않고도 핵심 워크플로를 사용할 수 있습니다. 즐겨찾기는 로그인 후 계정에 동기화됩니다.

즉시 초기화

탭을 정리하면 사용 중이던 작업 데이터도 사라져요.

SVG 패턴 생성기 도구가 실제로 하는 일

가격 페이지에는 옅은 점을, 보고서 표지에는 격자나 사선을 써 볼 수 있어요. 내부 반복을 조절해 전체 캔버스를 내보낸 뒤 실제 표시 크기에서 확인하세요. SVG나 PNG 전체를 타일로 반복하려면 외곽 경계를 먼저 살펴보세요. 내부 반복만으로 완성 이미지의 이음새가 없어지지는 않아요.

자주 묻는 질문

내보낸 패턴이 정말 심리스인가요?
SVG 안에서는 패턴 단위가 캔버스 내에서 반복돼요. 하지만 SVG나 PNG 전체는 단위 중간에서 끝날 수 있고, 회전하거나 임의의 캔버스 크기를 쓰면 특히 그래요. 완성 파일을 다시 타일로 반복할 때 외곽이 매끄럽게 이어진다고 보장할 수 없으니 실제 레이아웃에서 확인하세요.
배경으로 쓸 패턴을 은은하게 유지하려면요?
세 컨트롤이 역할을 합니다. “전경 불투명도”를 최솟값 0.05 쪽으로 낮추고, “마크 굵기”를 적당히 유지하고, 서로 가까운 “전경”과 “배경” 색을 고르세요. “타일 크기”를 살짝 키워도 밀도가 낮아져서 텍스처가 콘텐츠와 경쟁하지 않고 받쳐 주세요.
SVG와 PNG보내기 중 무엇을 고르나요?
SVG에는 패턴 정의와 선택한 캔버스를 채우는 사각형이 있어요. 단일 타일 파일이 아니에요. PNG는 캔버스 전체를 지정한 크기로 래스터화해요. 완성 이미지를 반복해 쓰려면 바깥 경계를 확인하세요.
컨트롤 제한은 어떻게 되나요?
타일 크기 8~160픽셀, 마크 굵기 1~16, 회전 −180~180도, 전경 불투명도 0.05~1, 색상은 6자리 16진수, 캔버스는 한 변 64~4,096픽셀에 총 16,000,000픽셀 이내입니다. 잘못된 값은 범위를 명시해 거부됩니다.
무언가가 브라우저 밖으로 나가나요?
아니에요. 패턴 생성과 내보내기는 이 탭에서 로컬로 실행되고, 어떤 설정도 저장소, 로그, 네트워크에 들어가지 않으며 계정도 필요 없습니다.

이미지 스튜디오 카테고리에서 계속하기

막다른 길이 아니라 이어지는 작업입니다.

전체 인덱스로 돌아가지 않고 다른 집중 워크스페이스로 바로 이동합니다.

이미지 자르기

Image Cropper

PNG·JPEG·WebP 이미지를 정확한 픽셀 좌표와 자유·고정 비율로 잘라 PNG, JPEG, WebP로 내보냅니다.

편집

이미지 필터

Image Filters

밝기, 대비, 채도, 회색조, 세피아, 흐림 여섯 개 슬라이더로 사진을 보정하고 원본 크기 PNG로 내려받습니다.

편집

이미지 크기 조절

Image Resizer

이미지를 가로세로비 잠금과 정확한 픽셀 크기로 조절합니다. 한 장씩 또는 최대 12장까지 한 번에 ZIP으로 받습니다.

편집

이미지 평균 색상 찾기

Image Average Color Finder

이미지의 알파 인식 평균 색상을 계산해 HEX, rgb(), rgba()로 복사합니다. 투명 픽셀은 평균에 섞이지 않고 제외됩니다.

검사