結果

REM 轉像素換算

1.5 rem = 24 px

輸入 REM 數值	1.5
根字級	16 px
換算後像素值	24 px

常用 REM 轉像素對照

Based on your root font size of 16 px

REM	像素
0.25 rem	4 px
0.5 rem	8 px
0.75 rem	12 px
0.875 rem	14 px
1 rem	16 px
1.125 rem	18 px
1.25 rem	20 px
1.5 rem	24 px
1.875 rem	30 px
2 rem	32 px
2.25 rem	36 px
2.5 rem	40 px
3 rem	48 px
4 rem	64 px
5 rem	80 px

全部展開 ↓

什麼是 REM 轉 PX 換算器？

REM 轉 PX 換算器是一款將相對單位 REM 轉換成像素（PX）的工具。在網頁開發中，REM 屬於相對單位，它以根元素的字級為基準（通常就是 <html> 元素），而 PX 則是絕對單位。這款換算器能幫助開發者一邊維持可縮放、無障礙的設計，一邊清楚掌握每個 REM 實際換算後的像素值。

什麼時候會用到 REM 轉 PX 換算器？

在以下情境中，這款換算器特別實用：

製作響應式（RWD）網站時，需要在相對單位與絕對單位之間互相換算
使用以 REM 為單位的設計系統，但需要對照具體的像素數值
依照設計稿開發時，設計稿是以像素標示尺寸，但你習慣用 REM 撰寫程式碼

REM 轉 PX 怎麼計算？

REM 換算成 PX 的公式相當簡單：

PX = REM × 根字級

其中：

PX 為換算後得到的像素值
REM 為要換算的相對單位數值
根字級為 html 元素的基準字級（大多數瀏覽器的預設值為 16px）

由於 REM 的數值是相對於根字級而定，因此只要你在 CSS 中將 <html> 的字級設定為 16px，例如：

html { font-size: 16px; }

那麼就代表 1rem = 16px。

實際範例

基本的 REM 轉 PX 換算

在預設根字級 16px 之下，將 1.5rem 換算成像素。

REM 數值	根字級	計算過程	結果
1.5rem	16px	1.5 × 16	24px

同時換算多個 REM 數值

在根字級 16px 之下，將 0.75rem、2rem 與 3.5rem 換算成像素。

REM 數值	根字級	計算過程	結果
0.75rem	16px	0.75 × 16	12px
2rem	16px	2 × 16	32px
3.5rem	16px	3.5 × 16	56px

自訂根字級

在自訂根字級 20px 之下，將 2.5rem 換算成像素。

REM 數值	根字級	計算過程	結果
2.5rem	20px	2.5 × 20	50px

常用 REM 轉 PX 對照表

以下是常見 REM 數值換算成像素的對照表（以預設根字級 16px 為基準）：

REM 數值	像素值
0.25 rem	4 px
0.5 rem	8 px
0.75 rem	12 px
0.875 rem	14 px
1 rem	16 px
1.125 rem	18 px
1.25 rem	20 px
1.5 rem	24 px
1.875 rem	30 px
2 rem	32 px
2.25 rem	36 px
2.5 rem	40 px
3 rem	48 px
4 rem	64 px
5 rem	80 px

REM 轉 PX 換算器

輸入計算

數學公式

結果