🪜 모듈러 스케일 계산기 | 6가지 비율 나란히 비교

기준 크기 (px)

위로 올릴 단계 수 (0~8)

아래로 내릴 단계 수 (0~6)

비율마다 단계 값이 어떻게 갈리는지 비교하는 방법

모듈러 스케일은 기준 크기에 같은 비율을 거듭 곱해 크기 체계를 만드는 방식입니다. 비율 하나를 정해 사이즈를 뽑는 계산은 이미 흔하지만, 정작 고민되는 지점은 1.2와 1.25 중 어느 쪽이 우리 화면에 맞느냐입니다. 기준 크기와 위·아래 단계 수를 넣으면 여섯 비율의 단계 값을 같은 표에서 열로 비교할 수 있고, 어떤 비율이 간격 체계와 맞물리는 값을 많이 내는지 한눈에 보입니다.

식은 크기 = 기준 크기 × 비율의 단계 제곱입니다. 음수 단계는 기준보다 작은 쪽이고 결과 줄에 적용한 식과 단계 범위를 함께 출력합니다. 값은 소수 2자리로 표시하며 정수·8의 배수 판정도 반올림한 그 자리에서 하므로 표에 보이는 숫자와 태그가 어긋나지 않습니다. 비율에 붙은 장2도·완전5도 같은 이름은 음악 음정에서 따온 관용 명칭이며 2026년 10월 기준으로도 공인 표준 명칭은 아닙니다.

이 도구는 비교만 합니다. 어느 비율을 쓰라는 권장안이나 본문 크기 권장값은 제시하지 않습니다. 비율 하나로 폰트 크기 목록을 뽑는 계산과 8pt 간격 체계 설계는 각각 다른 도구가 담당하며, 여기서는 행간·자간이나 뷰포트에 따라 크기를 보간하는 유동 타이포그래피도 다루지 않습니다.

자주 묻는 질문

8의 배수 태그는 왜 표시할까?

간격 체계를 8px 단위로 잡은 화면에서는 글자 크기도 8의 배수로 떨어지면 수직 리듬을 맞추기 쉽습니다. 어느 비율이 그런 값을 많이 내는지 보여 주려고 표시합니다.

어떤 비율을 골라야 할까?

공인 기준은 없습니다. 이 도구는 여섯 비율의 값과 떨어지는 칸 수만 보여 주며, 선택은 화면 밀도와 제목 단계 수를 보고 직접 하는 쪽이 맞습니다.

단계 값이 소수로 나오면 그냥 써도 될까?

브라우저는 소수 px도 처리하지만 렌더링 과정에서 정수로 보정될 수 있습니다. 표의 정수·8의 배수 태그를 보고 가까운 값으로 맞추면 차이를 줄일 수 있습니다.

🪜모듈러 스케일 디자인 리듬 계산기

관련된 도구

포스터 텍스트 계층 구조 설계 가이드

폰트 가중치 계층 설계 가이드

비율마다 단계 값이 어떻게 갈리는지 비교하는 방법

자주 묻는 질문

관련된 도구

포스터 텍스트 계층 구조 설계 가이드

폰트 가중치 계층 설계 가이드

비율마다 단계 값이 어떻게 갈리는지 비교하는 방법

자주 묻는 질문

같은 카테고리 도구