ਕਿਸੇ ਵੀ ਬੇਸ ਸਾਈਜ਼ ਅਤੇ ਅਨੁਪਾਤ (1.125 ਤੋਂ 1.618) ਤੋਂ ਇੱਕ ਮੌਡਿਊਲਰ ਟਾਈਪੋਗ੍ਰਾਫੀ ਸਕੇਲ ਤਿਆਰ ਕਰੋ ਅਤੇ ਇਸਨੂੰ CSS ਕਸਟਮ ਪ੍ਰਾਪਰਟੀਜ਼ ਜਾਂ Tailwind ਕੌਂਫਿਗ ਵਜੋਂ ਕਾਪੀ ਕਰੋ।
| ਕਦਮ | px | rem | em | ਲਾਈਨ-ਹਾਈਟ | ਝਲਕ |
|---|
ਇੱਕ ਮਾਡਿਊਲਰ ਸਕੇਲ ਹਰੇਕ ਉੱਪਰ ਵਾਲੇ ਕਦਮ ਲਈ ਬੇਸ ਨੂੰ ਰੇਸ਼ੋ ਨਾਲ ਗੁਣਾ ਕਰਦਾ ਹੈ, ਅਤੇ ਹਰੇਕ ਹੇਠਾਂ ਵਾਲੇ ਕਦਮ ਲਈ ਭਾਗ ਕਰਦਾ ਹੈ। ਕਦਮ 0 ਬੇਸ ਹੈ, ਕਦਮ 1 = base × ratio, ਕਦਮ −1 = base ÷ ratio, ਆਦਿ।
ਸੁਝਾਈ ਗਈ line-height ਸਾਈਜ਼ ਵਧਣ ਨਾਲ ਘੱਟਦੀ ਹੈ: ਬਾਡੀ ਲਈ 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.
