Font Size Scale Calculator
Free Calculator기준 크기와 스케일 비율을 조화로운 모듈형 타입 스케일로 변환하세요 — 한 단계 작은 크기와 제목용 세 단계 큰 크기.
100% 비공개
브라우저에서 실행됩니다 — 어떤 숫자도 기기를 벗어나지 않습니다.
내 숫자
본문 텍스트 크기(px) — 웹에서는 보통 16px입니다.
단계 사이의 배수, 예: 1.25(장3도) 또는 1.5.
1단계 크게
20
기준 × 비율 — 소제목과 리드 문단용.
작게 (기준 ÷ 비율)
12.8
기준보다 한 단계 작은 크기 — 캡션과 작은 안내문용.
2단계 크게
25
기준 × 비율² — 섹션 제목용.
3단계 크게
31.3
기준 × 비율³ — 페이지 및 히어로 제목용.
작동 방식
기준 크기 설정
본문 텍스트 크기를 입력하세요 — 웹에서는 16px가 일반적인 출발점입니다.
스케일 비율 선택
1.2, 1.25, 1.5 같은 배수를 골라 단계 사이의 대비를 조절하세요.
곱하고 나누기
각 큰 단계는 비율을 곱하고, 작은 크기는 기준을 비율로 나눕니다.
스케일 확인
네 가지 크기가 즉시 나타나며, 기준이나 비율을 바꾸면 실시간으로 갱신됩니다.
훌륭한 타입 스케일에는 훌륭한 스크린샷이 필요합니다
Reverze rebuilds App Store screenshots into higher-converting creative
font size scale calculator란 무엇인가요?
font size scale calculator는 기준 크기와 비율이라는 두 입력값으로 모듈형 타입 스케일을 만듭니다. 제목 크기를 매번 임의로 고르는 대신, 기준에 일정한 비율을 곱해 위로 올리고, 그 비율로 나눠 아래로 내립니다. 16px 기준에 1.25 비율을 쓰면 작은 12.8px, 그리고 20px, 25px, 31.25px가 나옵니다. 이 크기들은 같은 비율로 서로 연결되어 있어 제목과 본문이 시각적으로 조화롭게 보입니다.
이는 디자인 시스템과 CSS 프레임워크에서 쓰는 type scale calculator와 같은 개념입니다. 흔히 쓰는 비율은 음악의 음정에서 따온 것으로 1.125(장2도), 1.25(장3도), 1.5(완전5도), 1.618(황금비) 등이 있으며, 비율이 클수록 본문과 제목의 대비가 강해집니다. 이 계산기로 CSS를 작성하기 전에 스케일을 확정하고, 같은 네 가지 크기를 웹 페이지, 앱 화면, App Store 크리에이티브 전반에 재사용하면 일관되고 전문적인 느낌을 줄 수 있습니다.