แปลงพิกเซล (PX) เป็น REM / EM ออนไลน์ - เครื่องมือคำนวณ Responsive CSS ฟรี

เครื่องมือแปลงหน่วยพิกเซล (px) เป็น rem, em, % และ vw ออนไลน์ฟรี สำหรับนักพัฒนาเว็บ รองรับการตั้งค่า Base Font Size (16px) ประมวลผลในเครื่อง 100%

PX / REM แปลงไฟล์er

rem = px / root font-ขนาด

px
Common bases (ภาษาไทย)
px
rem

Cheat Sheet (ภาษาไทย)

PXข้อมูล REMข้อมูล Nearest Tailwind
4px0.25remp-1
8px0.5remp-2
10px0.625rem-
12px0.75remp-3
14px0.875rem-
16px1remp-4
18px1.125rem-
20px1.25remp-5
24px1.5remp-6
32px2remp-8
40px2.5remp-10
48px3remp-12
64px4remp-16
80px5remp-20
96px6remp-24

วิธีใช้งาน

  1. ระบุค่า Base Font Size ของโปรเจกต์ (ค่าเริ่มต้น 16px)
  2. ป้อนค่า PX หรือ REM ที่ต้องการแปลง
  3. คัดลอกค่าผลลัพธ์หรือโค้ด CSS ไปใช้งาน

คุณสมบัติเด่น

  • แปลงหน่วย CSS แบบสองทาง: แปลง PX ↔ REM ได้อย่างรวดเร็วและแม่นยำ
  • ปรับแต่ง Base Font Size: กำหนดขนาดฟอนต์เริ่มต้นได้ (ค่าเริ่มต้น 16px)
  • ตารางเปรียบเทียบขนาดอัตโนมัติ: แสดงตารางแปลงค่ายอดนิยมตั้งแต่ 1px ถึง 128px
  • ประมวลผลในเครื่อง 100%: ใช้งานได้ทันทีโดยไม่ต้องเชื่อมต่อเซิร์ฟเวอร์

เครื่องมือที่เกี่ยวข้อง

บีบอัดโค้ด CSS ออนไลน์ - ลดขนาดไฟล์สไตล์ชีทฟรี

เครื่องมือบีบอัดและย่อขนาดโค้ด CSS ออนไลน์ฟรี ลบคอมเมนต์ ช่องว่าง และลดรูปค่าสีเพื่อความเร็วสูงสุดของเว็บไซต์ ประมวลผลในเครื่อง 100%

จัดรูปแบบ JSON และสร้าง Type ออนไลน์ - ตรวจสอบความถูกต้องและแปลง Type ปลอดภัย

เครื่องมือจัดรูปแบบ JSON (JSON Formatter & Validator) ออนไลน์ฟรี ตรวจสอบความถูกต้อง สร้าง Type สำหรับ TypeScript, Zod, XML ประมวลผลในเครื่อง 100% ข้อมูลไม่ถูกบันทึก

ทดสอบ JSONPath ออนไลน์ - ค้นหาและดึงข้อมูล JSON ด้วย Expression ฟรี

เครื่องมือทดสอบ JSONPath ออนไลน์ฟรี ป้อน JSONPath Expression เพื่อดึงข้อมูล กรองอาร์เรย์ และค้นหาโหนดในโครงสร้าง JSON ประมวลผลในเครื่อง 100%

แปลง JSON เป็น CSV ออนไลน์ - แปลงข้อมูล JSON เป็นตาราง Excel ฟรี

แปลงอาร์เรย์และอ็อบเจกต์ JSON เป็นไฟล์ CSV / Excel ออนไลน์ จัดการข้อมูล Nesting และอักขระพิเศษอย่างถูกต้อง ประมวลผลในเครื่อง 100% ข้อมูลปลอดภัย

แปลง CSV เป็น JSON ออนไลน์ - แปลงตารางข้อมูลเป็น JSON ฟรี

แปลงไฟล์ตาราง CSV หรือ TSV เป็นโครงสร้างข้อมูล JSON ออนไลน์ กำหนดประเภทข้อมูลตัวเลขและบูลีนอัตโนมัติ ประมวลผลในเครื่อง 100% ปลอดภัย

เปรียบเทียบ JSON ออนไลน์ - ตรวจสอบความแตกต่างของโครงสร้าง JSON ฟรี

เครื่องมือเปรียบเทียบความแตกต่างของ JSON (JSON Diff) ออนไลน์ เปรียบเทียบสองไฟล์ JSON เชิงโครงสร้าง ไฮไลต์จุดที่เพิ่ม ลบ หรือแก้ไข ปลอดภัย 100% ในเครื่อง

บีบอัด JSON ออนไลน์ - ย่อขนาดโค้ด JSON ลดช่องว่างฟรี

เครื่องมือบีบอัดและย่อขนาด JSON ออนไลน์ฟรี ลบช่องว่าง แท็บ และการขึ้นบรรทัดใหม่เพื่อลดขนาดไฟล์ JSON สูงสุด ปลอดภัย 100% ในเครื่อง

แปลง JSON เป็น TypeScript Type & Interface ออนไลน์ - สร้างโมเดล Type ฟรี

แปลงข้อมูล JSON เป็น TypeScript Interfaces และ Type Aliases อัตโนมัติ รองรับ Nested Objects, Optional Fields และ Array Unions ปลอดภัย 100% ในเครื่อง

หลักการและสูตรคำนวณ

คำนวณตามสูตรคณิตศาสตร์: rem = px / baseFontSize และ px = rem * baseFontSize

คำถามที่พบบ่อย (FAQ)

ทำไมจึงควรใช้ REM แทน PX ในงาน Web Design?

หน่วย REM อิงตามขนาดฟอนต์ของผู้ใช้ ทำให้เว็บไซต์รองรับ Accessibility และ Responsive ได้อย่างสมบูรณ์แบบ