ตัวแปลง PX เป็น REM

PX	REM	Description
`8px`	`0.5rem`	Small spacing
`12px`	`0.75rem`	Caption text
`14px`	`0.875rem`	Compact body
`16px`	`1rem`	Default body (base)
`18px`	`1.125rem`	Large body
`20px`	`1.25rem`	Subheading
`24px`	`1.5rem`	H3 heading
`32px`	`2rem`	H2 heading
`48px`	`3rem`	H1 heading
`64px`	`4rem`	Display heading

How It Works

Convert in 3 simple steps

1

Paste Your Value

Enter your PX value in the input field.

2

Instant Conversion

Click convert or just type — the result appears instantly with live preview.

3

Copy & Use

Copy the result or CSS variable with one click. Share via URL.

Why Developers Love This Tool

Instant Results

Real-time conversion as you type. No waiting, no page reloads.

100% Client-Side

All processing happens in your browser. No data is sent to any server.

CSS Variable Output

Get copy-ready CSS custom property syntax alongside raw values.

Shareable URLs

Generate pre-filled links to share specific conversions with your team.

ตัวแปลงที่เกี่ยวข้อง

Explore more free CSS converters for developers and designers.

การแปลง PX เป็น REM คืออะไร?

การแปลงจาก <strong>PX</strong> เป็น <strong>REM</strong> เป็นงานที่พบบ่อยในการพัฒนาเว็บ Convert pixel values to REM units based on configurable root font size. เครื่องมือนี้ให้ผลลัพธ์ที่ทันทีและแม่นยำ

การแปลงทำงานอย่างไร

การแปลงพิกเซลเป็น REM จะหารค่าพิกเซลด้วยขนาดฟอนต์ราก (ปกติ 16px) ตัวอย่าง: 24px ÷ 16 = 1.5rem

Common PX to REM Conversions

12px = 0.75rem — small/caption text
14px = 0.875rem — body text (compact)
16px = 1rem — default body text
20px = 1.25rem — subheadings
24px = 1.5rem — h3 headings
32px = 2rem — h2 headings

Why Use This Converter?

Instant results — paste a value and get the converted output immediately.
Copy-ready CSS — one-click copy with properly formatted syntax.
Shareable URLs — pre-fill values via URL for easy team sharing.
No installation — works in any browser, on any device.

FAQ