PX-REM 转换器
以可自定义的根字号为基准在CSS的px和rem单位间双向转换，支持小数值，并提供可复制的参考表和CSS代码片段的免费在线工具 适用于开发和数据处理时需要在 CSV、JSON、颜色、时间等不同格式之间转换的场景，全部在浏览器本地完成，输入数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
px（基准：16px）
1rem
font-size: 1rem;px ↔ rem 参考表 (基准字号: 16px)
| px | rem | 复制 |
|---|---|---|
| 8px | 0.5rem | |
| 10px | 0.625rem | |
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem | |
| 36px | 2.25rem | |
| 40px | 2.5rem | |
| 48px | 3rem | |
| 56px | 3.5rem | |
| 64px | 4rem | |
| 72px | 4.5rem | |
| 80px | 5rem | |
| 96px | 6rem |
嵌入
最后更新：2026 · 免费在线工具
什么是 PX-REM 转换器？
以可自定义的根字号为基准在CSS的px和rem单位间双向转换，支持小数值，并提供可复制的参考表和CSS代码片段的免费在线工具 适用于开发和数据处理时需要在 CSV、JSON、颜色、时间等不同格式之间转换的场景，全部在浏览器本地完成，输入数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
使用方法
- 1设置根字号— 设置根元素字号（默认16px）。
- 2输入PX或REM值— 在PX或REM输入框中输入数值。
- 3查看转换结果— 另一个单位的值会自动计算显示。
- 4复制结果— 点击复制按钮复制转换后的CSS值。
相关工具
CSS 单位参考免费在线CSS单位参考，按类别整理px、em、rem、%、vw、vh、vmin、vmax、ch等单位的用途与用法，并说明绝对单位与相对单位的换算关系和常见取值场景。 可在编码时于一处快速查阅代码、符号、快捷键等参考信息，在浏览器中即时搜索和复制，无需注册或安装即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
CSS 渐变生成器免费在线可视化工具，设计linear、radial、conic渐变，调整颜色停止点和角度，一键复制网页背景的CSS代码。 适合在测试和开发中即时生成所需数值，所有生成过程都在浏览器本地运行，数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
颜色代码转换器免费在线颜色转换工具，可在HEX、RGB、HSL、OKLCH色彩代码间即时互转，并计算两种颜色的WCAG对比度以检查无障碍合规性。 适用于开发和数据处理时需要在 CSV、JSON、颜色、时间等不同格式之间转换的场景，全部在浏览器本地完成，输入数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
CSS 盒子阴影生成器免费在线CSS box-shadow生成器，可调节偏移、模糊、扩散、颜色和内阴影inset并实时预览阴影，生成可复制的box-shadow CSS代码。 适合在测试和开发中即时生成所需数值，所有生成过程都在浏览器本地运行，数据不会上传服务器，无需安装或注册即可免费使用。 结果可一键复制，整个过程简单快捷，无需下载任何软件，在手机和电脑上都能随时流畅使用。
常见问题
PX是固定像素单位，REM是相对于根元素字号的相对单位。REM更适合响应式设计。
浏览器默认根字号为16px，即1rem = 16px。
REM允许用户通过浏览器设置调整字体大小，提高可访问性。
不会。所有转换都在浏览器中完成。