PX 轉 REM 與行高

px、rem、em、pt 互轉，並給出合適的行高建議

檔案不會離開你的裝置
在瀏覽器本機執行
免費、免註冊、無浮水印

單位換算

在任一欄輸入，其餘自動換算。

rem

預覽

排版是讓語言變得可見的手藝。合適的行寬與舒展的行距，能讓視線順暢地從一行移到下一行，而不會迷失位置。

常用字級對照

點擊某一列可載入到換算器。

px	rem	em	pt	vw	行高
10	0.625	0.625	7.5	0.694	1.7
12	0.75	0.75	9	0.833	1.65
13	0.8125	0.8125	9.75	0.903	1.63
14	0.875	0.875	10.5	0.972	1.6
15	0.9375	0.9375	11.25	1.042	1.57
16	1	1	12	1.111	1.55
18	1.125	1.125	13.5	1.25	1.52
20	1.25	1.25	15	1.389	1.5
24	1.5	1.5	18	1.667	1.4
28	1.75	1.75	21	1.944	1.32
32	2	2	24	2.222	1.25
36	2.25	2.25	27	2.5	1.23
40	2.5	2.5	30	2.778	1.2
48	3	3	36	3.333	1.15
56	3.5	3.5	42	3.889	1.13
64	4	4	48	4.444	1.1
72	4.5	4.5	54	5	1.09
96	6	6	72	6.667	1.05

字級比例

基準字級

比例

+6 · 61px敏捷的狐狸 Quick fox3.815rem

+5 · 48.8px敏捷的狐狸 Quick fox3.052rem

+4 · 39.1px敏捷的狐狸 Quick fox2.441rem

+3 · 31.3px敏捷的狐狸 Quick fox1.953rem

+2 · 25px敏捷的狐狸 Quick fox1.563rem

+1 · 20px敏捷的狐狸 Quick fox1.25rem

0 · 16px敏捷的狐狸 Quick fox1rem

-1 · 12.8px敏捷的狐狸 Quick fox0.8rem

-2 · 10.2px敏捷的狐狸 Quick fox0.64rem

clamp() 流動字級

字級在兩個視口寬度之間平滑變化，超出範圍則保持固定。

最小字級

最大字級

最小視口

最大視口

font-size: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);

模擬視口寬度900px → 19.94px

敏捷的狐狸 Quick fox

寬度 375 px 時

16px

寬度 768 px 時

18.95px

寬度 1024 px 時

20.88px

寬度 1440 px 時

24px

rem

行高

0.625

7.5

0.694

1.7

0.75

0.833

1.65

0.8125

9.75

0.903

1.63

0.875

10.5

0.972

1.6

0.9375

11.25

1.042

1.57

1.111

1.55

1.125

13.5

1.25

1.52

1.25

1.389

1.5

1.667

1.4

1.75

1.944

1.32

2.222

1.25

2.25

2.5

1.23

2.5

2.778

1.2

3.333

1.15

3.5

3.889

1.13

4.444

1.1

4.5

1.09

6.667

1.05

如何使用PX 轉 REM 與行高

依照你自己的根字級與父元素字級，在 px、rem、em、pt、% 與 vw 之間換算，並提供任何字級的建議行高與舒適行寬。還能產生字級比例，以及用於響應式文字的 clamp() 流動字級。

在「計算基準」設定根字級、父元素字級與視口寬度。

在「單位換算」的任一欄位輸入數值，其他單位會同步換算。

查看該字級的「建議行高」與「舒適的行寬」。

選用：依比例產生「字級比例」，或產生「clamp() 流動字級」，再複製 CSS。

常見問題

1rem 等於多少像素？

1rem 等於根元素（<html>）的字級，瀏覽器預設為 16 px。如果你的網站基準不同，調整「根字級」即可。

rem 和 em 有什麼差別？

rem 相對於根字級，em 與 % 相對於父元素字級。換算 em 前要先設好「父元素字級」。

建議行高是怎麼算的？

參考常見的排版經驗：內文約 1.5，大標題行距更緊。同時也會列出對齊 4 px 網格的數值。

clamp() 產生器有什麼用？

它產生的字級會在兩個視口寬度之間平滑變化，超出範圍則固定不變。用「模擬視口寬度」可以查看任何寬度下的效果。

能換算印刷用的 pt 嗎？

可以。pt 依 CSS 規定的 72 pt = 96 px 換算，12 pt 等於 16 px。