📏 一个工具箱,
完成所有设计任务

PX 转 REM 转换器

即时双向转换 PX 与 REM,支持自定义根字号和完整对照表。可访问、可缩放的 CSS 必备工具。

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

📏 PX 转 REM 转换器

PX 转 REM 指南

REM(root em)是相对于文档根字体大小(通常 16px)的 CSS 单位。因为 rem 值会随用户浏览器字体设置缩放,用 rem 构建的设计在任何设备上都能保持可访问性和比例——与固定像素值不同。

输入像素值查看对应的 rem,或输入 rem 值反向转换。调整根字号以匹配你的项目(部分设计系统使用 10px 或 20px 根值)。对照表覆盖最常用尺寸,可视化对比展示两种单位在相同根字号下渲染一致。

专业提示

常见问题

Q: REM 和 EM 有什么区别?
REM 和 EM 有什么区别?rem 始终相对于根元素(html)的字体大小;em 相对于父元素的字体大小,因此在嵌套元素中会叠加,而 rem 保持一致。
Q: 为什么用 REM 而不是 PX?
为什么用 REM 而不是 PX?REM 会随用户可访问性设置缩放——增大浏览器字号的用户会看到所有文本变大。PX 保持固定,可能破坏布局或可访问性。现代最佳实践是排版和间距使用 rem。
Q: 默认根字号是多少?
默认根字号是多少?所有主流浏览器默认 16px = 1rem。因此默认根字号下:32px = 2rem,8px = 0.5rem,24px = 1.5rem。
Q: 媒体查询可以用 REM 吗?
媒体查询可以用 REM 吗?可以。用 rem 写的媒体查询会响应用户字体设置,而不仅是视口宽度——比 px 断点更细的可访问性改进。
Q: 每个值都要手动转换吗?
每个值都要手动转换吗?不需要。现代构建工具(PostCSS、Tailwind)自动处理转换。本计算器用于快速单次转换和检查手写 CSS。

中国传统色

中国传统色源自「五色观」——青、赤、黄、白、黑,对应五行、方位与季节。古人从矿物与植物中提炼颜料,形成了数百种富有诗意的色名。这些色彩被广泛用于宫廷服饰、建筑彩绘与书画创作,至今仍是设计师的灵感源泉。

胭脂 #9D2933

古代妆饰与衣料的经典红色,由胭脂虫或红花制成

朱砂 #FF461F

矿物颜料,故宫红墙与印章的常用色

黛蓝 #425066

古代女子画眉之色,沉稳内敛

竹青 #789262

竹叶之色,文人雅士钟爱的清雅色调

月白 #D6ECF0

月光般的淡蓝色,明清宫廷常服用色

藤黄 #FFB61E

取自藤本植物汁液,国画重要黄色颜料

藕荷 #E4C6D0

藕色与荷色的结合,温婉柔美

秋香 #D9B611

秋日桂花的黄绿色,明代流行色

石绿 #16A951

矿物孔雀石研磨而成,山水画中的绿色

墨色 #50616D

书法用墨的深灰蓝色,文房四宝之色

Q: 什么是中国传统色?
什么是中国传统色?中国传统色源自「五色观」——青、赤、黄、白、黑对应五行与方位。古人从朱砂、藤黄、石绿等矿物植物中提取颜料,形成了数百种如「月白」「黛蓝」般富有诗意的色名。
Q: 中国红是什么色值?
中国红是什么色值?中国红属于朱砂色系,常用色值 #FF461F(朱红)或 #9D2933(胭脂)。故宫红墙更接近深红色 #A61B29。