浏览器默认值为 16 px。
比例预览
—
基础值 16 px · 比例 1.2
| 级数 | px | rem | em | 行高 | 预览 |
|---|
计算原理
模块化比例是每上升一级用基础值乘以比率、每下降一级用基础值除以比率得到。第 0 级为基础值，第 1 级 = 基础值 × 比率，第 −1 级 = 基础值 ÷ 比率，以此类推。
建议的行高随字号增大而减小：正文为 1.6，标题为 1.4，展示级字号为 1.1——计算方式为 `1.7 − 0.1 × 上方级数`，并限制在 [1.05, 1.7] 区间内。
🎨 设计与创意
排版比例生成器（模块化字号系统）
根据任意基准字号和比例（1.125至1.618）生成模块化排版比例系统，并可复制为CSS自定义属性或Tailwind配置。
别名
typography scale calculatormodular type scalerem font size scalecss type scale
相关工具
- 🎨 设计与创意
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.