Generate a modular typography scale from any base size and ratio (1.125 to 1.618) and copy it as CSS custom properties or Tailwind config.
| Step | px | rem | em | Line-height | Preview |
|---|
A modular scale multiplies the base by the ratio for each step up, and divides for each step down. Step 0 is the base, step 1 = base × ratio, step −1 = base ÷ ratio, etc.
Suggested line-height drops as size grows: 1.6 for body, 1.4 for headings, 1.1 for display sizes — calculated as `1.7 − 0.1 × stepAbove` clamped to [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.
