Bộ chuyển đổi PX-REM

Trình chuyển PX sang REM quy đổi pixel và rem theo cả hai chiều dựa trên cỡ chữ gốc tùy chỉnh, hỗ trợ số thập phân. Kèm bảng tra cứu và đoạn CSS có thể sao chép, miễn phí.

Cỡ chữ cơ sở:px (cơ sở: 16px)

rem

1rem

font-size: 1rem;

px ↔ rem Bảng tra cứu (Cỡ chữ cơ sở: 16px)

px	rem	Sao chep
8px	0.5rem
10px	0.625rem
12px	0.75rem
14px	0.875rem
16px	1rem
18px	1.125rem
20px	1.25rem
24px	1.5rem
28px	1.75rem
32px	2rem
36px	2.25rem
40px	2.5rem
48px	3rem
56px	3.5rem
64px	4rem
72px	4.5rem
80px	5rem
96px	6rem

Nhúng

<iframe src="https://devtools.patrache.studio/vi/converters/px-rem-converter/?embed=1" width="100%" height="620"
  style="border:1px solid #e5e7eb;border-radius:12px" loading="lazy"
  title="Bộ chuyển đổi PX-REM — Patrache Studio DevTools"></iframe>
<p><a href="https://devtools.patrache.studio/vi/converters/px-rem-converter/">Bộ chuyển đổi PX-REM</a> by
   <a href="https://patrache.studio/">Patrache Studio</a></p>

Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi

Bộ chuyển đổi PX-REM la gi?

Cach su dung

1
Đặt cỡ chữ gốc— Đặt cỡ chữ phần tử gốc (mặc định 16px).
2
Nhập giá trị PX hoặc REM— Nhập số vào ô PX hoặc REM.
3
Xem kết quả— Giá trị đơn vị kia sẽ được tính tự động.
4
Sao chép kết quả— Nhấn nút sao chép để sao chép giá trị CSS.

Cong cu lien quan

Tham chiếu đơn vị CSSTài liệu tra cứu đơn vị CSS px, em, rem, %, vw, vh, vmin, vmax và ch, sắp xếp theo nhóm. Giải thích rõ khi nào dùng từng đơn vị tuyệt đối và tương đối, miễn phí trên trình duyệt.

Tạo CSS GradientTrình tạo gradient CSS trực quan cho gradient tuyến tính, tỏa tròn và hình nón: thêm điểm màu, chỉnh góc rồi sao chép CSS. Rất hợp cho nền và nút bấm, miễn phí trên trình duyệt.

Bộ chuyển đổi mã màuCông cụ chuyển đổi màu giữa mã HEX, RGB, HSL và OKLCH, kèm tỉ lệ tương phản WCAG của hai màu. Kiểm tra khả năng tiếp cận ngay khi chọn bảng màu, miễn phí trên trình duyệt.

Tạo CSS Box ShadowTrình tạo box-shadow CSS với các điều khiển offset, blur, spread, màu và inset cùng bản xem trước bóng đổ. Sao chép mã CSS sẵn dùng cho mọi phần tử, miễn phí trên trình duyệt.

Cau hoi thuong gap

PX là đơn vị pixel cố định, REM là đơn vị tương đối dựa trên cỡ chữ phần tử gốc. REM phù hợp hơn cho thiết kế responsive.

Cỡ chữ gốc mặc định của trình duyệt là 16px, tức 1rem = 16px.

REM cho phép người dùng điều chỉnh cỡ chữ qua cài đặt trình duyệt, cải thiện khả năng truy cập.

Không. Tất cả chuyển đổi diễn ra trong trình duyệt của bạn.