SVG 웨이브 생성기 가이드
웨이브 구분선은 페이지 섹션을 부드럽게 나누는 SVG 도형입니다 — 모던 히어로 섹션, 푸터, 앱 랜딩 페이지의 시그니처 디테일이죠. SVG는 어떤 화면 크기에서도 선명함을 유지합니다.
진폭, 파장, 레이어를 조절하고 채우기 색을 고른 뒤 SVG를 복사하세요. HTML에 인라인으로 넣거나 .svg 파일로 저장해 이미지처럼 쓸 수 있습니다.
Pro Tips
- 웨이브 채우기 색을 다음 섹션의 배경색과 맞추면 두 섹션이 매끄럽게 이어집니다.
- 투명도를 낮춰가며 2–3개 레이어를 쌓으면 깊이가 생깁니다 — 밝은 레이어를 뒤에 두면 은은한 바다 느낌이 납니다.
Frequently Asked Questions
Q: 페이지에 웨이브를 넣으려면?
페이지에 웨이브를 넣으려면? SVG를 복사해 HTML에 인라인으로 붙이거나, 코드를 .svg 파일로 저장해 <img> 태그로 참조하세요.
Q: 웨이브 방향을 뒤집을 수 있나요?
웨이브 방향을 뒤집을 수 있나요? 네 — SVG에 transform="scaleY(-1)"을 추가하거나 경로의 시작/끝을 바꾸면 반대 방향으로 휘어집니다.
Q: PNG 대신 SVG를 쓰는 이유는?
PNG 대신 SVG를 쓰는 이유는? SVG는 어떤 해상도에서도 선명하고 수백 바이트에 불과하며 CSS로 색 변경과 애니메이션도 가능합니다.
Q: 웨이브를 전체 폭으로 만들려면?
웨이브를 전체 폭으로 만들려면? SVG가 preserveAspectRatio="none"과 width:100%를 사용하므로 어떤 컨테이너 너비에도 왜곡 없이 늘어납니다.
Q: 웨이브에 애니메이션을 줄 수 있나요?
웨이브에 애니메이션을 줄 수 있나요? 네 — SVG를 overflow:hidden 컨테이너에 넣고 CSS 키프레임으로 위치를 움직이면 물결치는 효과가 납니다.
한국 전통색·오방색
오방색은 한국 전통 색채 체계로, 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 가지 기본색이 방위와 계절을 상징합니다. 단청과 한복, 오방장두루마기에 사용되며, 현대 디자인에서도 전통미를 살리는 배색으로 활용됩니다.
청색 #3B5BA5동쪽과 봄을 상징하는 오방색의 파랑
적색 #C12127남쪽과 여름을 상징하는 강렬한 빨강
황색 #EAC102중앙과 대지를 상징하는 노랑
백색 #F5F5F5서쪽과 가을을 상징하는 순백
흑색 #17191C북쪽과 겨울을 상징하는 깊은 검정
쪽빛 #0067A3쪽풀로 물들인 전통 남색. 청바지의 원조
연두색 #81C147새싹의 연한 초록. 단청에 자주 쓰임
살구색 #F7CE68살구 열매를 닮은 부드러운 노란빛
자주색 #583B7E고귀함을 상징하는 전통 보라
단청색 #2E8B8B궁궐과 사찰 단청의 청록색
Q: 오방색이란 무엇인가요?
오방색이란 무엇인가요? 오방색은 한국 전통 색채 체계로 청(동)·적(남)·황(중앙)·백(서)·흑(북)의 다섯 색이 방위와 계절을 상징합니다. 단청, 한복, 오방장두루마기에 사용됩니다.
Q: 단청에 쓰이는 색은 무엇인가요?
단청에 쓰이는 색은 무엇인가요? 단청은 궁궐과 사찰의 목조건축을 장식하는 채색 기법으로, 오방색을 기본으로 청록색(#2E8B8B)과 연두색(#81C147) 등을 조화롭게 사용합니다.