패턴 배경 만들기

이어 붙여도 티 나지 않는 반복 무늬

무늬를 고르고 색·크기·굵기를 정하면 위 미리보기가 바로 바뀌어요. 모든 무늬는 한 칸(타일)을 바둑판처럼 반복해서 만들고, 타일의 오른쪽 끝과 왼쪽 끝, 위와 아래가 정확히 이어지도록 그려서 아무리 넓게 깔아도 이음새가 보이지 않아요. 저장은 세 가지 방법이 있어요.

• 배경 그림(PNG·SVG) — 정한 크기(1920×1080, A4 300dpi 등)를 무늬로 가득 채운 그림이에요. 카드뉴스·PPT·인쇄물 배경에 바로 써요.
• 타일(SVG·PNG) — 반복되는 한 칸만 저장해요. 포토샵·피그마의 패턴 채우기, 게임 배경, 굿즈 제작 사이트에 넣을 때 써요. PNG 타일은 이음새가 생기지 않게 정수 배로만 키워요.
• CSS 코드 — 타일 SVG를 코드 안에 넣은(data URI) 배경 코드라 따로 그림 파일 없이 웹페이지에 바로 붙여 넣어요.

무늬 고르는 요령

물방울은 엇갈린 두 줄(하프 드롭) 배치라 가지런하면서도 단조롭지 않아요. 체크(깅엄)는 반투명 가로·세로 띠가 겹치는 곳이 진해지는 전통 깅엄 방식이에요. 줄무늬·지그재그·물결은 회전을 주면 대각선 무늬가 되고, 회전한 무늬는 SVG의 patternTransform으로 그려서 회전해도 이음새가 없어요(이때 CSS는 전체 그림으로 줘요). 육각형은 벌집 배치(가로 √3·r, 세로 3r 타일)로 정확히 맞물려요.

색 조합

무늬 색과 바탕 색의 명도 차이가 크면 또렷하고 강한 느낌, 비슷하면 은은한 배경이 돼요. 글자를 올릴 배경이라면 바탕을 밝게, 무늬는 바탕보다 조금만 진하게 하는 게 읽기 좋아요. ‘색 바꾸기’로 두 색을 서로 바꿔 볼 수 있어요.