1rem 等于多少 px？
1rem = 16px（16px 基准下） 在浏览器默认的 16px 根字体大小下，1rem 恰好等于 16px。这是每次换算的锚点：px = rem × 16。
rem 转 px 转换器 — rem 转像素，实时且隐私
即时将 rem 转 px，可自定义根字体大小。默认 1rem = 16px。实时双向换算，结果可复制，100% 在浏览器本地运行。
无追踪 浏览器中运行 免费
px
预览
敏捷的棕色狐狸
已审核 CSS rem 单位准确性与可访问性指引 — Go Tools 工程团队 · 2026年6月11日
快速参考
rem 转 px 的公式是什么？
px = rem × 根字体大小 用 rem 值乘以根字体大小。例如 1.5rem × 16 = 24px。如果你的项目不用 16px，就在工具里更改基准。
什么是 62.5% 技巧？
62.5% → 1rem = 10px 设置 html { font-size: 62.5% } 会让根变成 10px，于是 1rem = 10px，rem 转 px 就是「乘以 10」。把本工具基准设为 10 即可使用。
什么是 rem 转 px 转换器？
rem 转 px 转换器把 rem 单位转换成像素度量。rem（即「root em」）单位相对于根 元素的字体大小：1rem 始终等于根字体大小，而浏览器默认将其设为 16px。换算只是一次简单的乘法 —— px = rem × 根字体大小 —— 但在阅读或调试样式表时对每个值都核对一遍很重复，这正是本工具要消除的。
开发者通常出于可访问性和可缩放性用 rem 编写 CSS：以 rem 书写的值会随用户的浏览器字号偏好缩放，而 px 值保持固定。但很多时候你需要像素数值 —— 匹配设计稿、向以像素工作的设计师交付尺寸、设置只接受 px 的属性，或调试某元素为何渲染成特定大小。这时把 rem 反算回 px 正是你想要的。
本转换器让 rem 和像素两个字段实时联动，因此你可以双向操作，而且 —— 不同于把 16px 基准写死的工具 —— 它允许你设置任意根字体大小。这一点很重要，因为使用 62.5% 技巧的样式表（10px 根）把 rem 换算成的像素值与默认 16px 设置不同。实时预览展示换算后的文本大小，参考表则列出 16px 基准下常见的 rem 值供快速查阅。
需要另一个方向？请使用 px 转 rem 转换器。要清理样式表本身，可试试 CSS 格式化工具，处理颜色则看 颜色转换器。一切都在你的浏览器中运行 —— 你的数值绝不离开你的设备。
/* The core formula */
/* px = rem × root-font-size (16px by default) */
:root {
font-size: 16px; /* 1rem = 16px */
}
/* 1.5rem -> 24px */
/* 1rem -> 16px */
/* 0.75rem -> 12px */
/* 2rem -> 32px */
/* JavaScript equivalent */
const remToPx = (rem, base = 16) => rem * base;
console.log(remToPx(1.5)); // 24
console.log(remToPx(0.75)); // 12 本 rem 转 px 转换器的核心功能
自定义根字体大小
可针对任意基准换算，不止 16px。匹配 62.5%（10px）技巧或你项目实际的根字体大小 —— 大多数工具把 16 写死。
实时双向换算
rem 与像素字段实时联动。编辑任意一侧，另一侧都会按你设定的基准即时更新。
内置尺寸预览
预览行以输入的 rem 大小渲染文本，让你看到的是比例，而不仅是数字。
一键复制
一次点击即可把 rem 或 px 值复制到剪贴板，随时可粘贴进 CSS 或设计工具。
参考换算表
一张 16px 基准下常见 rem 值及其像素对应值的图表，无需键入即可快速查阅。
100% 浏览器本地、隐私优先
所有计算都在你的浏览器本地完成。无服务器请求、无追踪、无数据存储 —— 你的数值绝不离开你的设备。
rem 转 px 换算示例
正文文本 — 1rem 转 px
1
16px
在默认的 16px 根字体大小下，1rem 恰好等于 16px。这是其他所有换算的基准：px = rem × 16。
标题 — 1.5rem 转 px
1.5
24px
1.5rem 换算为 24px（1.5 × 16）。标题常用 rem 编写，使其随用户的字号偏好缩放，同时仍映射到熟悉的像素尺寸。
小标签 — 0.75rem 转 px
0.75
12px
在 16px 基准下，0.75rem 是 12px。核对像素值有助于确认小字仍然清晰可读。
间距 — 0.5rem 转 px
0.5
8px
0.5rem 等于 8px。设计系统常用 rem 表示内边距和外边距；反算回 px 便于像素精确的审查。
大标题 — 2rem 转 px
2
32px
2rem 恰好是基准的两倍，即 32px。这类干净的倍数常见于醒目的标题。
断点 — 48rem 转 px
48
768px
在 16px 基准下，48rem 的媒体查询断点换算为 768px —— 一个用可缩放单位表达的熟悉平板宽度阈值。
如何把常见 rem 值转成 px
在默认 16px 根字体大小下，开发者最常转成 px 的 rem 值的快速参考。
如何把 1rem 转成 px
1 rem → 16 px
用 1 乘以 16px 根字体大小得到 16px。1rem 是锚点值 —— 在默认设置下它恰好等于 16px，是其他所有换算的参考点。
1 rem → 16 px 记住 1rem = 16px。由此减半得 0.5rem（8px），翻倍得 2rem（32px）。
在上方试试 —— 输入你的 rem 值，立即看到像素。
如何把 1.5rem 转成 px
1.5 rem → 24 px
用 1.5 乘以 16 得到 24px。1.5rem 是常见的标题和大按钮尺寸，因此 24px 在设计系统中频繁出现。
1.5 rem → 24 px 1.5rem = 24px。一个利落的标题尺寸，恰好是基准的 1.5 倍。
在上方试试 —— 输入你的 rem 值，立即看到像素。
如何把 0.75rem 转成 px
0.75 rem → 12 px
用 0.75 乘以 16 得到 12px。0.75rem 是说明文字、标签和小字的常见尺寸。
0.75 rem → 12 px 0.75rem = 12px（基准的四分之三）。适合次要文本。
在上方试试 —— 输入你的 rem 值，立即看到像素。
如何把 0.875rem 转成 px
0.875 rem → 14 px
用 0.875 乘以 16 得到 14px。0.875rem 是组件库中非常常见的正文和界面文本尺寸。
0.875 rem → 14 px 0.875rem = 14px，许多界面框架的默认文本尺寸。
在上方试试 —— 输入你的 rem 值，立即看到像素。
如何把 2rem 转成 px
2 rem → 32 px
用 2 乘以 16 得到 32px。2rem 是常用的大标题和区块间距值，映射为干净的 32px。
2 rem → 32 px 2rem = 32px，恰好是基准的两倍 —— 大标题和间距容易记。
在上方试试 —— 输入你的 rem 值，立即看到像素。
如何把 0.5rem 转成 px
0.5 rem → 8 px
用 0.5 乘以 16 得到 8px。0.5rem 是内边距、外边距和 gap 的常见间距增量。
0.5 rem → 8 px 0.5rem = 8px，基准的一半 —— 常用的小间距单位。
在上方试试 —— 输入你的 rem 值，立即看到像素。
rem 转 px 换算表
默认 16px 根字体大小下预先算好的 rem 转 px 值。把本页加入书签以便快速查阅。
rem 转像素（16px 基准）
| REM | PX |
|---|---|
| 0.25 | 4 |
| 0.5 | 8 |
| 0.75 | 12 |
| 1 | 16 |
| 1.25 | 20 |
| 1.5 | 24 |
| 1.75 | 28 |
| 2 | 32 |
| 2.25 | 36 |
| 2.5 | 40 |
| 2.75 | 44 |
| 3 | 48 |
较大 rem 值转 px
| REM | PX |
|---|---|
| 3.5 | 56 |
| 4 | 64 |
| 4.5 | 72 |
| 5 | 80 |
| 5.5 | 88 |
| 6 | 96 |
| 6.5 | 104 |
| 7 | 112 |
| 7.5 | 120 |
| 8 | 128 |
如何使用 rem 转 px 转换器
- 1
输入一个 rem 值
在「Rem」字段键入或粘贴一个数字。对应的像素会立即出现 —— 无需点击转换按钮。
- 2
设置根字体大小（可选）
基准默认为 16px。把它改成与你项目一致的值 —— 例如 62.5% 技巧用的 10px —— 每个结果都会按新基准更新。
- 3
读取像素结果与预览
「像素」字段显示换算后的值，预览行以该尺寸渲染文本，公式确认当前比率（如 1rem = 16px）。
- 4
复制数值
点击任一字段旁的复制图标，即可把 rem 或 px 值复制到剪贴板，随时可粘贴到你需要的地方。
rem 转 px 换算的应用场景
- 匹配像素稿
- 核对你 CSS 中的 rem 值在像素下的结果，使其与设计师基于 px 的稿件对齐。
- 设计交付
- 在向以像素思考的设计师或相关方传达尺寸时，把基于 rem 的设计系统反算回 px。
- 调试布局与排版
- 在诊断某物为何渲染成给定大小时，快速把 rem 字号、间距和断点解析为像素。
- 验证 62.5% 技巧
- 在使用 html { font-size: 62.5% } 时，针对 10px 根字体大小把 rem 转 px 以确认数值。
- 设置只接受 px 的属性
- 为期望像素而非 rem 的属性或工具取得精确的像素数值。
- 审查组件库
- 查看基于 rem 的组件库背后的像素尺寸，以审计间距和排版比例。
技术细节
- rem 单位
- rem 相对于根 字体大小。1rem 等于以像素计的该字体大小 —— 默认 16px —— 因此 px = rem × 根字体大小。
- 双精度运算
- 换算使用 IEEE 754 双精度浮点，最多保留五位小数并去除尾随零，得到干净的数值。
- 客户端处理
- 所有换算逻辑都在你浏览器内的 JavaScript 中运行。不发起任何网络调用 —— 加载后工具可完全离线工作。
使用 rem 和 px 的最佳实践
- 按你真实的基准换算
- 始终使用你样式表实际设定的根字体大小。10px 基准（62.5% 技巧）把 rem 解析成的像素与 16px 默认值不同。
- 用 rem 编写，用 px 验证
- 为可访问性把 CSS 保持为 rem，把像素数值用于审查、交付和调试 —— 而非作为写死 px 的理由。
- 留意 em 与 rem 的累加
- 如果某个值解析出意外结果，确认它是 rem（相对根）而非 em（相对父级），后者嵌套时会累加。
rem 转 px 常见问题
1rem 等于多少像素？
1rem 等于以像素计的根字体大小 —— 默认 16px。rem 单位相对于根 元素的字体大小，因此 px = rem × 根字体大小。在标准设置下 1rem = 16px，1.5rem = 24px，2rem = 32px。如果样式表更改了根字体大小，1rem 的像素值也会随之变化。
如何把 rem 转 px？
用 rem 值乘以根字体大小。公式为 px = rem × base，其中 base 是 元素的字体大小（默认 16px）。例如 1.5rem × 16 = 24px，0.75rem × 16 = 12px。本工具实时为你完成乘法，并允许在项目使用不同根字体大小时更改 base。
16px 等于多少 rem？
在默认 16px 根字体大小下，16px 等于 1rem，因为 rem = px ÷ base。这是 rem 转 px 方向的反向：1rem = 16px，所以 16px = 1rem。如果你的项目不用 16px 根，就在工具里更改基准，或使用 px 转 rem 转换器。
为什么设计中用 rem 而不是 px？
rem 单位会尊重用户的浏览器字号偏好，这对可访问性很重要。当有人调大默认字号时，所有以 rem 设定的尺寸都会按比例缩放，而 px 值保持固定。rem 还能保持设计系统的一致性 —— 更改一个根字体大小，整个界面就重新缩放。把 rem 反算回 px 对于像素精确的审查、设计交付和调试仍然有用。
rem、em 和 px 有什么区别？
px 是绝对单位 —— 一个固定的 CSS 像素。rem 相对于根 () 字体大小，因此在整页各处都一致。em 相对于当前元素父级的字体大小，嵌套时会累加。大多数尺寸用 rem，使其随用户偏好缩放；像 1px 边框这类固定细节用 px；当你希望某个值相对于其局部上下文缩放时用 em。
什么是 62.5% 字体大小技巧？
设置 html { font-size: 62.5% } 会让根字体大小变成 10px（16px 默认值的 62.5%）。在 10px 基准下，1rem = 10px，于是 rem 转 px 就是「乘以 10」：1.6rem = 16px，2.4rem = 24px。许多开发者喜欢这种更简单的算术，然后设置 body { font-size: 1.6rem } 来获得易读的 16px 正文。把本工具的根字体大小设为 10，即可按 62.5% 基准换算。
我能在这个转换器里更改根字体大小吗？
可以。「根字体大小」字段默认为 16px，但接受任意值 —— 10、18、20 或你项目使用的任何值。每次换算和参考表都会按你设定的基准更新。点击「重置为 16」即可恢复默认值。大多数转换器把 16px 写死；自定义基准正是本工具能匹配你真实样式表的原因。
1rem 总是 16px 吗？
只有当根字体大小为 16px 时才成立，而这是几乎所有浏览器的默认值。只要 html { font-size } 没被覆盖，1rem = 16px 这一关系就成立。如果某个样式表把根字体大小设成 10px 或 18px，那么 1rem 就等于那个值。务必按页面实际的根字体大小来换算。
我什么时候该把 rem 反算回 px？
当你需要像素精确的值时，把 rem 转 px 很有用：匹配设计稿、向以像素工作的设计师传达尺寸、设置只接受 px 的属性，或调试某元素为何渲染成某个大小。CSS 里仍保留 rem 书写以获得可缩放性；px 数值则用于验证和交付。
换算时我用哪个根字体大小重要吗？
重要 —— 根字体大小就是乘数，因此它直接改变结果。2rem 在 16px 基准下是 32px，但在 10px 基准下是 20px。如果你的样式表使用 62.5% 技巧或任何自定义根字体大小，就把工具的基准设成相同的值，否则像素值会错。
这个 rem 转 px 转换器有多精确？
换算使用 IEEE 754 双精度运算和精确公式 px = rem × base，结果最多保留五位小数并去除尾随零。这远比浏览器所需更精细，且计算是确定性的，因此你可以放心用于生产工作。
使用这个转换器时我的数据安全吗？
完全安全。所有换算都在你的浏览器中用 JavaScript 本地运行。没有任何值被发送到服务器 —— 没有网络请求，不对你的输入设 cookie，也没有针对你键入内容的分析。你可以断开互联网来验证：页面加载完成后，工具会完全离线持续工作。
相关工具
查看所有工具 →进制转换器 — 二进制、十六进制、十进制、八进制互转
转换工具
在线免费进制转换工具，支持二进制、八进制、十进制、十六进制及 2-36 任意进制互转。无需注册，数据不离开浏览器，即时获取结果。
颜色转换器 — HEX、RGB、HSL 与 OKLCH
转换工具
在浏览器中将 HEX 转 RGB、HSL、OKLCH、OKLAB 与 CMYK,一键复制任意格式。免费、免注册,您的颜色永远不会离开本页。
HEX 转 CMYK 转换器
转换工具
在浏览器中把 HEX 颜色转成 CMYK。基于 sRGB 的朴素近似,适合印前预览。免费、免注册,您的颜色始终保留在本地。
HEX 转 HSL 转换器
转换工具
在浏览器中把任意 HEX 颜色转成 HSL —— 3 位、6 位以及带 alpha 的 8 位全部支持。免费、即时、免注册,您的颜色永远不会离开本页。
HEX 转 OKLCH 转换器
转换工具
把 HEX 转成 OKLCH,直接喂给 Tailwind v4 设计 token。实时输出感知均匀的三元组,带 Display P3 色域提醒。免费,纯浏览器运行。
HEX 转 RGB 转换器
转换工具
在浏览器中把任意 HEX 颜色代码转成 RGB —— 3 位、6 位以及带 alpha 的 8 位 HEX 全部支持。免费、即时、免注册,您的颜色永远不会离开本页。