Công cụ quy đổi PX sang REM
Quy đổi px sang rem, rem sang px và px sang em ở bất kỳ kích thước phông chữ gốc nào, kèm dòng CSS sẵn sàng để sao chép và bảng tham chiếu trực tiếp.
🔒 Được xử lý hoàn toàn trong trình duyệt của bạn — không có nội dung nào bạn nhập ở đây được tải lên.
Kết quả
Đơn vị rem giúp bố cục dễ tiếp cận — chúng co giãn theo tùy chọn kích thước phông chữ của người dùng — nhưng không ai muốn ngồi chia cho 16 trong đầu cả ngày. Bộ quy đổi này làm phép tính trực tiếp: chọn hướng (px → rem, rem → px hoặc px → em), nhập giá trị, và kết quả hiện ra tức thì cùng với dòng CSS sẵn sàng để sao chép như font-size: 0.875rem.
Trường kích thước phông chữ gốc giúp công cụ phù hợp với mọi dự án. Mặc định trình duyệt là 16px, do đó ngay từ đầu 1rem đã bằng 16px, nhưng nhiều mã nguồn đặt html { font-size: 62.5% } để 1rem bằng 10px — chỉ cần nhập 10 làm gốc và mọi phép quy đổi cùng hàng trong bảng đều tuân theo. Hướng px → em sử dụng cùng phép toán so với kích thước phông chữ của phần tử cha thay vì gốc, đó chính là điểm khác biệt giữa em và rem trong CSS.
Bên dưới kết quả, một bảng tham chiếu hiển thị các kích thước thiết kế thông dụng nhất — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 và 64 pixel — đã được quy đổi sẵn ở gốc hiện tại, với hàng khớp gốc được làm nổi bật. Đây chính là tờ ghi nhớ mà nếu không bạn sẽ phải dán trước màn hình, luôn đồng bộ với gốc bạn thực sự đang dùng.
Mọi thứ diễn ra cục bộ trong trình duyệt của bạn khi bạn nhập: không tải lên, không đăng ký, không cần vòng gửi máy chủ. Các trang cài sẵn cho rem → px, px → em, gốc 10px và các giá trị phổ biến như 14, 24 và 32 px sẽ mở bộ quy đổi đã được cấu hình sẵn cho chính xác những câu hỏi đó.