REM 轉 PX 轉換器

依項目使用的根字號把 rem 換回像素。輸入 html 字級與 rem 值,複製 px 結果,下方對照表會跟著根字號重算。

Rem 轉像素

輸入有效數值即可查看換算結果。

根字體大小決定 1rem 對應的 px 值,瀏覽器預設通常為 16px。

快速換算表

Rem像素
0.5rem8px
0.75rem12px
1rem16px
1.25rem20px
1.5rem24px
2rem32px
2.5rem40px
3rem48px
4rem64px
5rem80px

rem 換算成像素是多少?

rem 是相對單位,代表 html 元素的字級。要換成像素,就把 rem 值乘上根字號。瀏覽器預設 16px 時,1rem 是 16px、0.5rem 是 8px、1.5rem 是 24px。

因為答案會跟著根字號改變,rem 轉 px 只有先知道項目把 html 設成多少才有意義。這個工具把根字號顯示出來、附上乘法算式,並依你選的字號列出常用 rem 對照表。

如何把 rem 換算成 px

  1. 先設定根字號;按 16px 是瀏覽器預設,按 10px 是常見的 62.5% 寫法。
  2. 輸入要換算的 rem 值,例如 1.5。
  3. 按「換算成 px」,結果區會顯示像素值、對應的乘法算式與複製按鈕。
  4. 再對照下方表格,確認同一個根字號下其他常用 rem 的像素值。

rem 轉 px 範例

瀏覽器預設

根字號 16px,1rem
16px

半級距

根字號 16px,0.5rem
8px

62.5% 寫法

根字號 10px,2.4rem
24px

UrsaKit 與其他 rem 轉 px 工具比較

比較項目UrsaKitpixelsconverter.comcodebeautify.orgnekocalc.com
費用免費免費,含廣告免費,含廣告免費,含廣告
對照表跟隨根字號有無部分部分
16px / 10px 一鍵預設有無無無
顯示換算算式有無無無
上傳任何內容不會不會不會不會
常見問題

常見問題

1rem 是幾 px?

把 1 乘上根字號即可。瀏覽器預設 16px 時 1rem 是 16px;把 html 字級設為 62.5% 時則是 10px。

1.5rem 是幾 px?

根字號 16px 時,1.5 × 16 = 24px;根字號 10px 時同一個 1.5rem 是 15px,所以根字號一定要先確定。

怎麼自己把 rem 換成 px?

把 rem 值乘上根字號。以 16px 根字號為例,0.75rem 是 12px、2rem 是 32px。

為什麼我的結果跟別的工具有出入?

通常是根字號不同。假設 16px 的工具遇上 62.5% 的項目會差 1.6 倍,先檢查根字號設定。

設計交付該用 px 還是 rem?

設計稿多半用 px,因為畫布上看到的就是像素;實際 CSS 則常用 rem,讓文字跟著用戶設定縮放。在交界處換一次,兩邊各自維持同一種單位就好。

會上傳任何內容嗎?

不會,全部在瀏覽器裡完成。

全部工具