REM (root em) là đơn vị CSS tương đối so với kích thước phông chữ gốc của tài liệu, thường là 16px. Vì giá trị rem co giãn theo cài đặt phông chữ trình duyệt của người dùng, thiết kế xây bằng rem luôn dễ tiếp cận và cân đối trên mọi thiết bị — khác với giá trị pixel cố định.
Nhập giá trị pixel để xem giá trị rem tương đương, hoặc gõ giá trị rem để chuyển ngược lại. Điều chỉnh kích thước phông chữ gốc theo dự án của bạn (một số hệ thống thiết kế dùng gốc 10px hoặc 20px). Bảng chuyển đổi bao phủ các kích thước phổ biến nhất, và so sánh trực quan cho thấy cả hai đơn vị hiển thị giống hệt nhau ở cùng kích thước gốc.
Frequently Asked Questions
Q: Sự khác biệt giữa REM và EM là gì?
Sự khác biệt giữa REM và EM là gì? rem luôn tương đối với kích thước phông chữ gốc (html). em tương đối với kích thước phông chữ của phần tử cha, nên em cộng dồn trong các phần tử lồng nhau còn rem giữ nhất quán.
Q: Tại sao dùng REM thay vì PX?
Tại sao dùng REM thay vì PX? REM co giãn theo cài đặt trợ năng của người dùng — ai tăng kích thước phông chữ trình duyệt sẽ thấy mọi văn bản to hơn. PX cố định và có thể phá vỡ bố cục hoặc trợ năng. Thực hành hiện đại là dùng rem cho kiểu chữ và khoảng cách.
Q: Kích thước phông chữ gốc mặc định là bao nhiêu?
Kích thước phông chữ gốc mặc định là bao nhiêu? Mọi trình duyệt lớn mặc định 16px = 1rem. Vậy ở gốc mặc định: 32px = 2rem, 8px = 0.5rem, 24px = 1.5rem.
Q: Có thể dùng REM trong media query không?
Có thể dùng REM trong media query không? Có. Media query viết bằng rem phản hồi cài đặt phông chữ của người dùng, không chỉ chiều rộng khung nhìn — một cải thiện trợ năng tinh tế so với breakpoint px.
Q: Có cần chuyển đổi thủ công từng giá trị không?
Có cần chuyển đổi thủ công từng giá trị không? Không. Công cụ build hiện đại (PostCSS, Tailwind) xử lý chuyển đổi tự động. Dùng máy tính này cho chuyển đổi nhanh một lần và rà soát CSS viết tay.
Màu sắc Việt Nam
Từ màu son đỏ của đình chùa đến màu nâu đất của làng quê, màu sắc Việt Nam gắn liền với lịch sử, nông nghiệp lúa nước và trang phục truyền thống áo dài.
Đỏ son #E32636Màu son của cổng làng, đình chùa và câu đối
Vàng hoàng thái #FFD700Màu vàng của hoàng cung và lễ hội
Xanh lam #0056A7Màu xanh của biển Đông
Màu gạch #B22222Màu gạch nung của làng quê Bắc Bộ
Vàng nắng #F7C948Ánh nắng vàng trên cánh đồng lúa chín
Xanh ngọc #00A86BMàu ngọc bích của vịnh Hạ Long
Tím Huế #7F5FA3Màu tím của áo dài và hoa phượng tím xứ Huế
Nâu đất #8B5A2BMàu đất phù sa của đồng bằng sông Hồng
Hồng sen #F5A9B8Màu hoa sen — quốc hoa của Việt Nam
Trắng ngà #FFFFF0Màu áo dài trắng của nữ sinh
Q: Màu đỏ son là gì?
Màu đỏ son là gì? Màu đỏ son (#E32636) là màu đỏ truyền thống được dùng để sơn cổng làng, đình chùa và câu đối Tết ở Việt Nam, tượng trưng cho may mắn và thịnh vượng.
Q: Màu tím Huế là gì?
Màu tím Huế là gì? Tím Huế (#7F5FA3) là màu tím đặc trưng của xứ Huế, gắn liền với áo dài tím, hoa phượng tím và nét lãng mạn của cố đô.