Chuyển đến công cụ
JoeLucky

Nhấn ★ trên công cụ để lưu lại

Danh mục công cụ

Mã nguồn thành ảnhTạo gradient CSSGlassmorphism CSSTạo box-shadowTạo loader CSSTạo blob SVGSVG sang PNGKiểm tra độ tương phản màuChuyển đổi PX / REM / EM
JoeLucky

Công cụ trực tuyến thiết thực, tất cả trong một nơi

Chính sách quyền riêng tưĐiều khoản dịch vụ

© 2026 JoeLucky®. Bảo lưu mọi quyền.

  1. JoeLucky
  2. /CSS và thiết kế
  3. /Chuyển đổi PX / REM / EM

Chuyển đổi PX / REM / EM

Chuyển đổi giữa px, rem và em với cỡ chữ gốc tùy chỉnh, có cả chế độ danh sách hàng loạt.

rem luôn được tính theo cỡ chữ gốc này.

em được tính theo cỡ chữ cha/ngữ cảnh riêng này — không phải cỡ gốc ở trên.

px

16

rem

1

em

1

CSS VÀ THIẾT KẾ TƯƠNG TỰ

Xem tất cả
Mã nguồn thành ảnh

Biến đoạn mã thành ảnh chụp màn hình đẹp mắt.

Mở →
Tạo gradient CSS

Thiết kế gradient tuyến tính, tỏa tròn và conic bằng giao diện trực quan, sao chép CSS ngay.

Mở →
Glassmorphism CSS

💬 Bình luận

?

Chưa có bình luận nào. Hãy là người đầu tiên!

Chuyển đổi PX / REM / EM LÀ GÌ?

Bộ chuyển đổi PX/REM/EM chuyển đổi giữa ba đơn vị CSS — rem tương đối với cỡ chữ gốc, còn em tương đối với cỡ chữ ngữ cảnh có thể điều chỉnh riêng.

Cách sử dụng?

  1. Điều chỉnh cỡ chữ gốc và cỡ chữ ngữ cảnh khi cần.
  2. Chuyển giữa chế độ giá trị đơn và chế độ danh sách hàng loạt để chuyển đổi.

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

Khác biệt thực sự giữa rem và em là gì?

rem luôn tương đối so với cỡ chữ của phần tử gốc (thường là html), bất kể lồng sâu đến đâu. em tương đối so với cỡ chữ của phần tử hiện tại (hoặc phần tử cha) và cộng dồn khi lồng nhau. Công cụ này cố ý tách riêng các trường nhập để hai loại không bao giờ bị nhầm.

Định dạng số của chế độ hàng loạt có giới hạn nào không?

Nhập mỗi dòng một số; hỗ trợ số thập phân. Dòng không phân tích được sẽ được đánh dấu rõ là lỗi trong bảng kết quả, thay vì bị bỏ qua âm thầm hay coi là 0.

Công cụ này có phân tích tệp CSS của tôi không?

Không. V1 chỉ chuyển đổi từng giá trị riêng lẻ — phân tích và tự động chuyển đổi cả tệp CSS là tính năng dự kiến của V2, không có ở đây.

Tạo mã làm mờ nền và viền trong suốt theo thời gian thực.

Mở →