16px 等于多少 rem？
16px = 1rem（16px 基准下） 在浏览器默认的 16px 根字体大小下，16px 恰好等于 1rem。这是其他所有换算的锚点：rem = px ÷ 16。
px 转 rem 转换器 — 像素转 rem，实时且隐私
即时将 px 转 rem，可自定义根字体大小。默认 16px = 1rem。实时双向换算，结果可复制，100% 在浏览器本地运行。
无追踪 浏览器中运行 免费
px
预览
敏捷的棕色狐狸
已审核 CSS rem 单位准确性与可访问性指引 — Go Tools 工程团队 · 2026年6月11日
快速参考
px 转 rem 的公式是什么？
rem = px ÷ 根字体大小 用像素值除以根字体大小。例如 24px ÷ 16 = 1.5rem。如果你的项目不用 16px，就在工具里更改基准。
什么是 62.5% 技巧？
62.5% → 1rem = 10px 设置 html { font-size: 62.5% } 会让根变成 10px，于是 1rem = 10px，rem 计算就是「除以 10」。把本工具基准设为 10 即可使用。
什么是 px 转 rem 转换器？
px 转 rem 转换器把像素度量转换成用于 CSS 的 rem 单位。rem（即「root em」）单位相对于根 元素的字体大小：1rem 始终等于根字体大小，而浏览器默认将其设为 16px。换算只是一次简单的除法 —— rem = px ÷ 根字体大小 —— 但对样式表里每个字号、外边距和断点手动计算既乏味又容易出错，这正是本工具要消除的。
之所以要换算，是为了可访问性和可缩放性。当一个值用 px 书写时，它被锁定为固定大小，会无视用户的浏览器字号偏好。当它用 rem 书写时，若用户调大默认字号，它会按比例缩放 —— 这对低视力人群是关键的照顾，对所有缩放页面的人也是更顺畅的体验。用 rem 表达设计系统还意味着，对根字体大小的一处更改就能一致地重新缩放整个界面。
本转换器让像素和 rem 两个字段实时联动，因此你可以双向操作，而且 —— 不同于把 16px 基准写死的工具 —— 它允许你设置任意根字体大小。这一点很重要，因为使用 62.5% 技巧的样式表（10px 根）换算结果与默认 16px 设置不同。实时预览展示换算后的文本大小，参考表则列出 16px 基准下最常见的 px 值供快速查阅。
需要反向换算？请使用 rem 转 px 转换器。要整理样式表本身，可试试 CSS 格式化工具，处理颜色则看 颜色转换器。一切都在你的浏览器中运行 —— 你的数值绝不离开你的设备。
/* The core formula */
/* rem = px ÷ root-font-size (16px by default) */
:root {
font-size: 16px; /* 1rem = 16px */
}
.title { font-size: 1.5rem; } /* 24px */
.body { font-size: 1rem; } /* 16px */
.caption{ font-size: 0.75rem; } /* 12px */
.card { padding: 1.5rem; } /* 24px */
/* JavaScript equivalent */
const pxToRem = (px, base = 16) => px / base;
console.log(pxToRem(24)); // 1.5
console.log(pxToRem(12)); // 0.75 本 px 转 rem 转换器的核心功能
自定义根字体大小
可针对任意基准换算，不止 16px。匹配 62.5%（10px）技巧或你项目实际的根字体大小 —— 大多数工具把 16 写死。
实时双向换算
像素与 rem 字段实时联动。编辑任意一侧，另一侧都会按你设定的基准即时更新。
内置尺寸预览
预览行以换算后的 rem 大小渲染文本，让你看到的是比例，而不仅是数字。
一键复制
一次点击即可把 px 或 rem 值复制到剪贴板，随时可直接粘贴进你的 CSS。
参考换算表
一张 16px 基准下最常见 px 值及其 rem 对应值的图表，无需键入即可快速查阅。
100% 浏览器本地、隐私优先
所有计算都在你的浏览器本地完成。无服务器请求、无追踪、无数据存储 —— 你的数值绝不离开你的设备。
px 转 rem 换算示例
正文文本 — 16px 转 rem
16
1rem
在默认的 16px 根字体大小下，16px 恰好等于 1rem。这是衡量其他所有换算的基准：rem = px ÷ 16。
标题 — 24px 转 rem
24
1.5rem
24px 的标题换算为 1.5rem（24 ÷ 16 = 1.5）。使用 rem 意味着当用户更改浏览器默认字号时，标题会自动随之缩放。
小标签 — 12px 转 rem
12
0.75rem
在 16px 基准下，12px 等于 0.75rem。小字与说明文字常用 rem，以便尊重读者的字号偏好。
间距 — 8px 转 rem
8
0.5rem
8px 等于 0.5rem。许多设计系统用 rem 表示内边距和外边距，使间距与文本一同缩放。
62.5% 技巧 — 10px 基准，18px 转 rem
18
1.125rem
若把根字体大小设为 10px（62.5% 技巧），18px 会变成 1.8rem。在默认 16px 基准下，18px 是 1.125rem。务必按你项目实际使用的基准来换算。
断点 — 768px 转 rem
768
48rem
在 16px 基准下，768px 的媒体查询断点是 48rem。基于 rem 的断点在用户缩放文本时表现更可预测。
如何把常见 px 值转成 rem
在默认 16px 根字体大小下，开发者最常转成 rem 的 px 值的快速参考。
如何把 16px 转成 rem
16 px → 1 rem
用 16 除以 16px 根字体大小得到 1rem。16px 是锚点值 —— 在默认设置下它恰好等于 1rem，这正是它成为其他所有换算参考点的原因。
16 px → 1 rem 记住 16px = 1rem。由此减半得 0.5rem（8px），翻倍得 2rem（32px）。
在上方试试 —— 输入你的像素值，立即看到 rem。
如何把 24px 转成 rem
24 px → 1.5 rem
用 24 除以 16 得到 1.5rem。24px 是常见的标题和大按钮尺寸，因此 1.5rem 在设计系统中频繁出现。
24 px → 1.5 rem 24px 恰好是基准的 1.5 倍，因此干净地映射为 1.5rem —— 一个利落的标题值。
在上方试试 —— 输入你的像素值，立即看到 rem。
如何把 12px 转成 rem
12 px → 0.75 rem
用 12 除以 16 得到 0.75rem。12px 是说明文字、标签和小字的常见尺寸，它们也应当尊重用户的字号偏好。
12 px → 0.75 rem 12px = 0.75rem（基准的四分之三）。适合次要文本。
在上方试试 —— 输入你的像素值，立即看到 rem。
如何把 14px 转成 rem
14 px → 0.875 rem
用 14 除以 16 得到 0.875rem。14px 是非常常见的正文和界面文本尺寸，因此 0.875rem 在组件库中不断出现。
14 px → 0.875 rem 14px = 0.875rem。它是许多界面框架的默认文本尺寸。
在上方试试 —— 输入你的像素值，立即看到 rem。
如何把 32px 转成 rem
32 px → 2 rem
用 32 除以 16 得到 2rem。32px 是常用的大标题和区块间距值，映射为干净的 2rem。
32 px → 2 rem 32px = 2rem，恰好是基准的两倍 —— 大标题和宽松间距容易记。
在上方试试 —— 输入你的像素值，立即看到 rem。
如何把 10px 转成 rem
10 px → 0.625 rem
在默认基准下，用 10 除以 16 得到 0.625rem。注意 10px 也是 62.5% 技巧所用的根字体大小，在那种情况下 10px 反而等于 1rem。
10 px → 0.625 rem 在 16px 基准下，10px = 0.625rem。若采用 62.5% 技巧，把基准设为 10，10px 就变成 1rem。
在上方试试 —— 输入你的像素值，立即看到 rem。
px 转 rem 换算表
默认 16px 根字体大小下预先算好的 px 转 rem 值。把本页加入书签以便快速查阅。
像素转 rem（16px 基准）
| PX | REM |
|---|---|
| 8 | 0.5 |
| 9 | 0.5625 |
| 10 | 0.625 |
| 11 | 0.6875 |
| 12 | 0.75 |
| 13 | 0.8125 |
| 14 | 0.875 |
| 15 | 0.9375 |
| 16 | 1 |
| 17 | 1.0625 |
| 18 | 1.125 |
| 19 | 1.1875 |
| 20 | 1.25 |
| 21 | 1.3125 |
| 22 | 1.375 |
| 23 | 1.4375 |
| 24 | 1.5 |
| 28 | 1.75 |
| 32 | 2 |
| 36 | 2.25 |
| 40 | 2.5 |
| 44 | 2.75 |
| 48 | 3 |
常见尺寸转 rem
| PX | REM |
|---|---|
| 56 | 3.5 |
| 64 | 4 |
| 72 | 4.5 |
| 80 | 5 |
| 88 | 5.5 |
| 96 | 6 |
如何使用 px 转 rem 转换器
- 1
输入一个像素值
在「像素 (px)」字段键入或粘贴一个数字。对应的 rem 会立即出现 —— 无需点击转换按钮。
- 2
设置根字体大小（可选）
基准默认为 16px。把它改成与你项目一致的值 —— 例如 62.5% 技巧用的 10px —— 每个结果都会按新基准更新。
- 3
读取 rem 结果与预览
「Rem」字段显示换算后的值，预览行以该尺寸渲染文本，公式确认当前比率（如 1rem = 16px）。
- 4
复制数值
点击任一字段旁的复制图标，即可把 px 或 rem 值复制到剪贴板，随时可粘贴进你的 CSS。
px 转 rem 换算的应用场景
- 构建响应式、可访问的界面
- 把基于像素的字号和间距转成 rem，让界面随用户的浏览器字号偏好缩放。
- 转换设计稿
- 把设计师在 Figma 或 Sketch 里的 px 值转成适配可缩放 CSS 设计系统的 rem 单位。
- 设置媒体查询断点
- 用 rem 表达断点，让用户缩放或更改默认文本大小时布局响应更可预测。
- 采用 62.5% 技巧
- 针对 10px 根字体大小换算，在使用 html { font-size: 62.5% } 时得到干净的 rem 算术。
- 重构遗留 CSS
- 系统地把固定 px 值替换为 rem，为可访问性现代化改造旧样式表。
- 核对计算后的尺寸
- 在调试间距和排版时，快速核对某个 px 值换算成 rem（或反向）的结果。
技术细节
- rem 单位
- rem 相对于根 字体大小。1rem 等于以像素计的该字体大小 —— 默认 16px —— 因此 rem = px ÷ 根字体大小。
- 双精度运算
- 换算使用 IEEE 754 双精度浮点，最多保留五位小数并去除尾随零，得到干净的 CSS 值。
- 客户端处理
- 所有换算逻辑都在你浏览器内的 JavaScript 中运行。不发起任何网络调用 —— 加载后工具可完全离线工作。
使用 rem 的最佳实践
- 按你真实的基准换算
- 始终使用你样式表实际设定的根字体大小。10px 基准（62.5% 技巧）与 16px 默认值换算结果不同。
- 字体与间距用 rem，发丝线用 px
- 字号、内边距和外边距用 rem，使其随用户偏好缩放；像 1px 边框这类必须固定的内容则保留 px。
- 断点保持用 rem 或 em
- 用户缩放文本时，基于 rem 的媒体查询比 px 断点缩放得更优雅。
px 转 rem 常见问题
16px 等于多少 rem？
当根字体大小为浏览器默认的 16px 时，16px 恰好等于 1rem。rem 单位相对于根 元素的字体大小，因此 rem = px ÷ 根字体大小。由于大多数浏览器默认 16px，16px 是自然的锚点：16px = 1rem，8px = 0.5rem，32px = 2rem。如果你更改了根字体大小，比率也会相应变化。
如何把 px 转 rem？
用像素值除以根字体大小。公式为 rem = px ÷ base，其中 base 是 元素的字体大小（默认 16px）。例如 24px ÷ 16 = 1.5rem，12px ÷ 16 = 0.75rem。本工具实时为你完成除法，并允许在项目使用不同根字体大小时更改 base。
1rem 等于多少像素？
1rem 等于以像素计的根字体大小 —— 默认 16px。所以在标准设置下 1rem = 16px，1.5rem = 24px，2rem = 32px。如果你设置 html { font-size: 62.5% }（10px），那么 1rem = 10px。要从 rem 反算回像素，做乘法：px = rem × base。
为什么用 rem 而不是 px？
rem 单位会尊重用户的浏览器字号偏好，这对可访问性至关重要。当有人因为低视力或单纯为了舒适而调大默认字号时，所有以 rem 设定的尺寸都会按比例缩放，而 px 值保持固定，可能破坏布局或无视偏好。rem 还能保持设计系统的一致性：更改一个根字体大小，整个界面就一同缩放。px 对于不应缩放的内容仍然有用，例如 1px 边框。
px、rem 和 em 有什么区别？
px 是绝对单位 —— 一个 CSS 像素，无论上下文都固定。rem 相对于根 () 字体大小，因此在页面上各处都一致。em 相对于当前元素父级的字体大小，嵌套时会累加。固定细节（如发丝级边框）用 px；大多数尺寸用 rem，使其随用户偏好缩放；当你希望某个值相对于其局部上下文缩放时用 em（例如随按钮自身字号增长的内边距）。
什么是 62.5% 字体大小技巧？
设置 html { font-size: 62.5% } 会让根字体大小变成 10px（因为 16px 默认值的 62.5% 是 10px）。在 10px 基准下，rem 计算变得很简单：1rem = 10px，1.6rem = 16px，2.4rem = 24px —— 只需把像素值除以 10。许多开发者喜欢这种更简单的算术，不过你通常还要设置 body { font-size: 1.6rem } 来恢复易读的 16px 正文。把本工具的根字体大小设为 10，即可按 62.5% 基准换算。
我能在这个转换器里更改根字体大小吗？
可以。「根字体大小」字段默认为 16px（浏览器默认值），但你可以键入任意值 —— 10、18、20 或你项目使用的任何值。每次换算和参考表都会按你设定的基准更新。点击「重置为 16」即可恢复默认值。大多数工具把 16px 写死；自定义基准正是本转换器能匹配你真实样式表的原因。
16px 总是等于 1rem 吗？
只有当根字体大小为 16px 时才成立，而这是几乎所有浏览器的默认值。只要你不覆盖 html { font-size }，16px = 1rem 这一关系就成立。如果某个样式表把根字体大小设成了别的值 —— 比如 10px 或 18px —— 那么 16px 就不再等于 1rem。务必按页面实际的根字体大小来换算。
我该把字号、内边距和外边距都转成 rem 吗？
字号是最该用 rem 的对象，因为它们直接影响可读性和可访问性。内边距、外边距、gap 和 border-radius 也常用 rem 表示，使间距与文本一同缩放，形成协调的布局。用 rem（或 em）写媒体查询断点缩放时更优雅。1px 边框和某些 box-shadow 偏移等不应缩放的内容则保留 px。
把 px 转 rem 会改变我网站的外观吗？
不会 —— 在默认 16px 根字体大小下，rem 值渲染出的像素大小与原 px 值完全相同。标准设置下 24px 和 1.5rem 看起来一模一样。区别在于行为：rem 版本会在用户更改浏览器字号时缩放，而 px 版本不会。在用户调整偏好之前，视觉上不会有任何变化。
这个 px 转 rem 转换器有多精确？
换算使用 IEEE 754 双精度运算和精确公式 rem = px ÷ base，结果最多保留五位小数并去除尾随零以便阅读。对 CSS 而言，这一精度远超浏览器所需。计算是确定性的，每次结果都一致，因此你可以放心用于生产样式表。
使用这个转换器时我的数据安全吗？
完全安全。所有换算都在你的浏览器中用 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 全部支持。免费、即时、免注册,您的颜色永远不会离开本页。