PX 轉 REM 換算器
在 px、rem、em、pt 等單位之間換算 CSS 長度。rem 與 em 取決於基準字型大小，因此請輸入換算所用的基準值。
CSS 單位的換算方式
CSS 的絕對單位（px、pt、pc、in、cm、mm、Q）定義於 W3C 規格 CSS Values and Units，內容如下。
| 單位 | 定義 | 以 px 計 |
|---|---|---|
| in（英吋） | 1in = 2.54cm = 96px | 96 px |
| px（像素） | 1px = 1/96 in | 1 px |
| pt（點） | 1pt = 1/72 in | 4/3 px（約 1.3333 px） |
| pc（派卡） | 1pc = 1/6 in (12pt) | 16 px |
| cm（公分） | 1in = 2.54cm | 約 37.7953 px |
| mm（公釐） | 1cm = 10mm | 約 3.77953 px |
| Q（四分之一毫米） | 1Q = 1/40 cm | 約 0.944882 px |
計算採用精確的分數。無法整除的值（例如 cm、mm 或 Q 換算成 px）會標示為「四捨五入值」。
rem 與 em 取決於基準字型大小
- rem 是相對於根元素（
html）的 font-size。基準為 16px 時，1rem = 16px。如果設定html { font-size: 62.5% }，基準會變成 10px（瀏覽器預設為 16px 時），而 1.6rem = 16px。 - em 是相對於所使用元素的 font-size。例外是
font-size屬性本身：在font-size中使用 em 時，參照的是從父元素繼承而來的 font-size（W3C 規格是這麼規定的）。在padding與margin等屬性中，em 參照的是該元素自身的 font-size。 - 巢狀的 em 值（例如 1.2em 內再包一個 1.2em，相乘為 1.44）在此不予計算。請輸入計算後（實際）的字型大小作為基準。
起始值 16px 只是方便使用的預設值。本工具會以**您輸入的任何基準值（以 px 計）**進行換算，基準值不同，rem 或 em 的結果也會不同。
CSS 像素不是螢幕像素
CSS 的 px 並不是螢幕上的實體像素（裝置像素）。它是定義為 1/96 英寸的參考像素。在高密度螢幕上，一個 CSS 像素可能由多個裝置像素（例如 2 × 2）繪製。
範例
- 16px = 1rem = 1em = 12pt（基準為 16px 時）
- 24px = 2.4rem（基準為 10px 時）
- 1.6rem = 16px（基準為 10px 時）
- 1in = 96px = 72pt = 6pc = 2.54cm
- 10mm ≈ 37.79528px
- 0.75pt = 1px
注意事項
- 取決於螢幕大小、父元素大小或字型形狀的單位（vw、vh、%、ch、ex 等）無法僅憑數字換算，因此不包含在內。
- 數值小數點前最多 12 位，小數最多 6 位，並可為負數（CSS 有負的長度，例如
margin: -10px）。基準值必須大於 0。可使用 1,234.5 這類千位分隔符號；小數點請使用句點。 - 結果以 7 位有效數字顯示。您可以複製顯示的數值，或複製 15 位有效數字的數值。
資料來源
- W3C，CSS Values and Units Module Level 3：絕對長度單位以及 em 與 rem 的定義（2026 年 10 月 31 日確認；該頁面為 2024 年 3 月 22 日的 Candidate Recommendation Draft）。其中將 rem 列為根元素的字型大小，em 列為該元素的計算後 font-size，在
font-size屬性中使用時則為父元素的字型大小。
常見問題
1rem 是多少 px？
這取決於根元素（html）的 font-size。基準為 16px 時是 16px，但如果 html 的 font-size 改變，1rem 的大小也會跟著改變。請輸入您的基準值來換算。
應該用 px 還是 pt？
螢幕上常用 px 與 rem。pt 則較常用於列印用的 CSS。因為 1pt = 4/3 px，所以 12pt 就是 16px。
em 與 rem 有什麼不同？
rem 是相對於根元素的 font-size，因此不論用在哪裡大小都相同。em 是相對於使用處的 font-size，因此巢狀的元素可能改變它的大小。