도트(폴카) 패턴 SVG. 균일·엇갈림·랜덤. 인쇄·웹 배경 트렌드.
🔴 미리보기
사용법
- 배치 선택 (균일·엇갈림·랜덤)
- 가로/세로 사이즈 설정
- 도트 크기·간격 조정
- 도트 색·배경색 선택
- 크기 변동 옵션 → 자연스러운 손그림 느낌
주요 기능
- 3가지 배치 (격자·허니콤·랜덤)
- 도트 크기 1~60px, 간격 6~200px
- 5가지 프리셋 (클래식·빨강·미세·우주·핑크)
- 크기 변동 옵션 (랜덤 손그림 느낌)
- SVG/PNG 둘 다, 무한 확대 가능
활용 예시
- 의류·패션 디자인 — 폴카 도트는 클래식
- 웹사이트 배경 — 부드럽고 친근한 느낌
- 이벤트 포스터 — 1950년대 빈티지 분위기
- 아이용 디자인 — 동화·교재 배경
- 인쇄 포장지 — 선물 포장
폴카 도트의 역사
폴카 도트(polka dot)는 19세기 폴카 댄스 유행과 함께 정착한 패턴 이름입니다. 동그라미를 균등하게 배치한 형태로, 친근함·즐거움·순수함의 시각적 언어로 자리잡았습니다. 1950년대 미국 패션(미니 마우스의 빨강 도트, 메릴린 먼로), 1960년대 일본 쿠사마 야요이의 예술까지 - 지금도 그래픽 디자인의 클래식입니다.
자주 묻는 질문
엇갈림(허니콤) 배치란?
벌집 모양처럼 짝수 행은 한 칸씩 밀려 배치된 형태입니다. 격자보다 자연스럽고 시각적으로 균형있어 보입니다.
CSS로 만들기?
`background: radial-gradient(circle, #0f172a 10px, transparent 10px) 0 0 / 40px 40px` 가능하지만, SVG가 더 정밀합니다.
모아레 현상?
도트가 너무 작고 촘촘하면 화면에 어른어른. 간격 ≥ 도트크기×3 이상 권장.
무료인가요?
네.