Chuyển đổi PX sang REM / EM Trực tuyến - CSS Unit Converter

Công cụ chuyển đổi đơn vị Pixel (px) sang REM và EM trong CSS. Hỗ trợ tùy chỉnh kích thước cơ sở Base Font Size (16px) và bảng tra cứu Tailwind CSS.

Chuyển đổi PX / REM

rem = px / cỡ_chữ_gốc

px
Cỡ cơ sở thông dụng
px
rem

Bảng tra cứu

PXREMLớp Tailwind gần nhất
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

Hướng dẫn sử dụng

  1. Nhập giá trị Pixel (PX) hoặc REM vào ô tương ứng.
  2. Điều chỉnh kích thước cơ sở nếu dự án của bạn sử dụng base font khác 16px.
  3. Sao chép giá trị đã chuyển đổi hoặc lớp Tailwind CSS tương đương.

Tính năng cốt lõi

  • Chuyển đổi hai chiều tức thì giữa Pixel (px), REM và EM.
  • Tùy chỉnh cỡ chữ cơ sở (Base Font Size, mặc định 16px).
  • Bảng đối chiếu nhanh (Cheat Sheet) cho các kích thước phổ biến trong thiết kế Web.
  • Tích hợp lớp tương đương trong Tailwind CSS (ví dụ: 16px = 1rem = text-base / p-4).

Công cụ liên quan

Nén CSS Trực tuyến - Rút gọn & Tối ưu Mã Nguồn CSS

Nén và rút gọn mã CSS trực tuyến, loại bỏ khoảng trắng, dấu xuống dòng và chú thích thừa để tăng tốc độ tải trang web tối đa.
Định dạng JSON Trực tuyến - Làm đẹp & Kiểm tra Cú pháp JSON

Định dạng, làm đẹp (JSON Beautifier) và xác thực cú pháp JSON trực tuyến. Tùy chỉnh thụt đầu dòng 2 hoặc 4 khoảng trắng, hiển thị lỗi chính xác từng dòng.
Kiểm tra JSONPath Trực tuyến - JSONPath Expression Tester

Thử nghiệm và trích xuất dữ liệu từ JSON bằng biểu thức JSONPath ($.store.book[*].author). Đánh giá truy vấn tức thì và trực quan.
Chuyển đổi JSON sang CSV Trực tuyến - JSON to CSV Converter

Chuyển đổi dữ liệu mảng đối tượng JSON sang bảng tính CSV / Excel nhanh chóng, chuẩn xác, hỗ trợ tệp JSON lồng nhau phức tạp.
Chuyển đổi CSV sang JSON Trực tuyến - CSV to JSON Converter

Chuyển đổi bảng dữ liệu CSV, TSV sang định dạng mảng đối tượng JSON chuẩn xác. Hỗ trợ tự động nhận diện kiểu số, boolean và dấu phân cách.
So sánh Khác biệt JSON Trực tuyến - JSON Diff Checker

So sánh sự khác nhau giữa hai đối tượng hoặc tệp JSON. Đánh dấu trực quan các trường được thêm mới, bị xóa bỏ hoặc bị thay đổi giá trị.
Nén JSON Trực tuyến - Rút gọn Chuỗi JSON (JSON Minifier)

Nén và rút gọn dữ liệu JSON trực tuyến, loại bỏ tất cả khoảng trắng và dấu xuống dòng thừa để tối ưu dung lượng truyền tải API và lưu trữ.
Chuyển đổi JSON sang TypeScript Trực tuyến - JSON to TypeScript Interface

Tự động tạo các kiểu Type và Interface TypeScript chuẩn xác từ dữ liệu mẫu JSON. Hỗ trợ đối tượng lồng nhau, kiểu mảng và thuộc tính tùy chọn.

Nguyên lý tính toán

Công thức chuyển đổi: ext{REM} = rac{ ext{PX}}{ ext{Base Font Size}}, với mặc định extBase=16extpx ext{Base} = 16 ext{px}.

Câu hỏi thường gặp

Tại sao nên dùng REM thay vì PX trong CSS?

Đơn vị REM giúp giao diện trang web tự động co giãn theo kích thước phông chữ mà người dùng thiết lập trên trình duyệt, nâng cao khả năng tiếp cận (Accessibility).