타이포그래피 스케일 계산기
기준 글자 크기와 비율을 입력하면 제목부터 잔글씨까지 일관된 배수로 커지는 폰트 크기 체계를 px·rem으로 뽑아 줍니다.
px
단계
단계
가장 큰 크기(최상위 제목)
48.8px
3.052rem · 기준 16px × 1.25^5
| 단계 | px | rem |
|---|---|---|
| +5 | 48.8 | 3.052 |
| +4 | 39.1 | 2.441 |
| +3 | 31.3 | 1.953 |
| +2 | 25 | 1.563 |
| +1 | 20 | 1.25 |
| 기준 | 16 | 1 |
| -1 | 12.8 | 0.8 |
| -2 | 10.2 | 0.64 |
계산식크기 = 기준 × 비율ⁿ
rem 변환 기준16px = 1rem
모듈러 스케일은 기준 크기에 정해 둔 비율을 거듭 곱해(위로) 또는 거듭 나눠(아래로) 제목·본문·잔글씨 크기를 한 벌로 뽑는 방식입니다. 비율 이름(단2도·장3도 등)은 음정 간격을 빌린 관용적 표현으로, type-scale.com 같은 도구가 공통으로 쓰는 값입니다. 비율이 클수록 단계 사이 크기 차이가 커집니다.
사용 방법
- 1기준이 될 글자 크기(보통 본문 16px)를 입력합니다.
- 2스케일 비율을 고릅니다 — 비율이 클수록 제목과 본문 크기 차이가 커집니다.
- 3제목 쪽(위)과 잔글씨 쪽(아래)으로 몇 단계까지 뽑을지 정하면 px·rem 표가 나옵니다.
자주 묻는 질문
기준 크기에 정해 둔 비율을 거듭 곱해(제목 쪽) 또는 거듭 나눠(잔글씨 쪽) 크기 체계를 만드는 방식입니다. n단계 위 크기 = 기준 × 비율ⁿ입니다. 비율 하나로 모든 크기가 같은 배수 감각을 공유해, 임의로 고른 것 같지 않고 일관돼 보이는 크기 목록이 나옵니다.
음악의 음정 간격 이름을 빌려 부르는 관용적 표현입니다. 단2도(1.067)처럼 촘촘한 비율부터 황금비(1.618)처럼 큰 비율까지 있으며, type-scale.com 같은 디자인 도구가 공통으로 쓰는 값입니다. 실제 음악 이론과는 별개로, 디자인 업계에서 "이 정도 배수"를 가리키는 이름으로 굳어진 것입니다.
정해진 답은 없습니다. 제목과 본문 크기 차이를 크게 두고 싶으면 완전4도(1.333)나 완전5도(1.5) 이상을, 차분하고 촘촘한 위계를 원하면 장2도(1.125)나 단3도(1.2)를 흔히 씁니다. 화면에서 직접 표를 보고 고르는 것이 가장 정확합니다.
전송되지 않습니다. 모든 계산은 브라우저 안에서 이뤄지고, 입력값은 이 기기에만 남습니다.
알아두면 좋은 점
- 비율 이름과 배수는 type-scale.com 등 디자인 도구가 공통으로 쓰는 정의이며, 비율 자체가 정의이므로 대조할 외부 "정답"이 없는 순수 계산입니다.
- rem 변환은 브라우저 기본 글꼴 크기 16px = 1rem을 기준으로 합니다. 사용자가 브라우저 기본 크기를 바꿨다면 실제 rem 값은 달라질 수 있습니다.
- 입력값은 서버로 전송되지 않습니다. 모든 계산은 브라우저에서 이뤄집니다.
함께 보면 좋은 도구
마지막 검증: 2026년 9월 7일 · 결과는 참고용 추정치입니다.