Typography Converter

🔢 PX to REM Converter

Pixel Value

px

REM Value

rem

👁️ Live Preview

Sample Typography Text

This text shows how your typography will appear at the specified size.

16px ÷ 16px = 1rem

Base font size: 16px

📱 Mobile Size

Minimum Size

px

Viewport Width

px

🖥️ Desktop Size

Maximum Size

px

Viewport Width

px

Generated CSS Clamp()

font-size: clamp(0.875rem, 0.65rem + 1.125vw, 1.5rem);

Small Text 12px

Sample text preview

0.75rem

Body Text 14px

Sample text preview

0.875rem

Base Text 16px

Sample text preview

1rem

Large Text 18px

Sample text preview

1.125rem

Subtitle 20px

Sample text preview

1.25rem

Heading 3 24px

Sample text preview

1.5rem

Heading 2 32px

Sample text preview

2rem

Heading 1 48px

Sample text preview

3rem

Convert PX to REM
Generate CSS Clamp()

Base Font Size

🔢 PX to REM Converter

👁️ Live Preview

📱 Mobile Size

🖥️ Desktop Size

Generated CSS Clamp()

📄 Export CSS

🎯 How to Use This CSS:

Convert PX to REM Generate CSS Clamp()

Base Font Size

🔢 PX to REM Converter

👁️ Live Preview

📱 Mobile Size

🖥️ Desktop Size

Generated CSS Clamp()

📄 Export CSS

🎯 How to Use This CSS:

Convert PX to REM
Generate CSS Clamp()