| 단계 | px | rem | em | 줄 간격 | 미리보기 |
|---|
계산 원리
모듈러 스케일은 단계가 올라갈 때마다 기준값에 비율을 곱하고, 내려갈 때마다 나눕니다. 0단계는 기준값이며, 1단계 = 기준값 × 비율, −1단계 = 기준값 ÷ 비율 순으로 계산됩니다.
권장 줄 간격은 크기가 커질수록 낮아집니다: 본문 1.6, 제목 1.4, 디스플레이 크기 1.1 — `1.7 − 0.1 × stepAbove` 공식으로 계산하며 [1.05, 1.7] 범위로 제한됩니다.
원하는 기본 크기와 비율(1.125~1.618)로 모듈형 타이포그래피 스케일을 생성하고, CSS 커스텀 속성이나 Tailwind 설정으로 복사하세요.
| 단계 | px | rem | em | 줄 간격 | 미리보기 |
|---|
모듈러 스케일은 단계가 올라갈 때마다 기준값에 비율을 곱하고, 내려갈 때마다 나눕니다. 0단계는 기준값이며, 1단계 = 기준값 × 비율, −1단계 = 기준값 ÷ 비율 순으로 계산됩니다.
권장 줄 간격은 크기가 커질수록 낮아집니다: 본문 1.6, 제목 1.4, 디스플레이 크기 1.1 — `1.7 − 0.1 × stepAbove` 공식으로 계산하며 [1.05, 1.7] 범위로 제한됩니다.
Pixels to cm / Inches Converter (Print DPI)
Convert pixel dimensions to physical print size at any DPI/PPI, with bleed and safe-zone helpers.
Color Converter — HEX, RGB, HSL, OKLCH & Contrast
Convert any color between HEX, RGB, HSL, HWB, OKLCH and LCH, with WCAG contrast checking against any background.
Aspect Ratio Resizer (Image, Video, Social)
Resize any dimensions while keeping aspect ratio, with presets for Instagram, TikTok, YouTube and cinema formats.
Font Size Converter (pt, px, rem, em, %)
Convert font sizes between pt, px, rem, em and % for web and print typography.