줄무늬·스트라이프 패턴 SVG. 가로·세로·대각. 배경·SNS·웹 디자인.
📏 미리보기
사용법
- 방향 선택 (가로·세로·대각·역대각)
- 가로/세로 사이즈 입력
- 줄 두께·간격 조정
- 줄 색·배경색 선택 (또는 2색 교차)
- SVG/PNG 다운로드
주요 기능
- 4가지 방향 (가로·세로·대각 양방향)
- 줄 두께·간격 자유 조정 (2~100px)
- 5가지 프리셋 (핑크·빨강·미니·경고·시안)
- 2색 교차 옵션 (사파리식 줄무늬)
- SVG는 무한 확대, PNG는 일반 이미지
활용 예시
- 웹사이트 섹션 배경 — 대각 스트라이프로 영역 구분
- SNS 포스트 배경 — 트렌디 패턴
- 포장지·랩핑 — 인쇄용 패턴
- 경고·주의 표시 — 노랑+검정 대각
- 스포츠 유니폼 — 가로·세로 줄무늬
스트라이프 패턴의 심리학
대각 스트라이프(45°)는 정적인 가로/세로 줄무늬와 달리 역동성·움직임을 표현합니다. 비대칭이라 시선이 한 방향으로 흐르며, 광고에서는 "할인·세일·새로움"을 강조할 때 사용됩니다. 노랑+검정 조합은 자연계에서 가장 강력한 경고 신호(말벌·꿀벌)로, 안전 표지의 글로벌 표준입니다.
자주 묻는 질문
CSS로 직접 줄무늬 만들기?
`background: repeating-linear-gradient(45deg, #ec4899 0 20px, transparent 20px 40px)` 로 가능. 다운로드 SVG가 더 정밀합니다.
인쇄용 사이즈?
SVG는 무한 확대 가능. 300dpi 인쇄용은 A4 가로 = 3508×2480px. SVG로 받으면 어떤 크기든 깔끔.
모아레 현상?
줄 두께와 간격이 너무 가까우면 화면에 어른어른 합니다. 6px 이상 간격, 그리고 PNG는 안티에일리어싱 적용된 큰 사이즈 사용.
무료인가요?
네, 무료입니다.