REM 轉 PX 轉換器
依項目使用的根字號把 rem 換回像素。輸入 html 字級與 rem 值,複製 px 結果,下方對照表會跟著根字號重算。
Rem 轉像素
輸入有效數值即可查看換算結果。
根字體大小決定 1rem 對應的 px 值,瀏覽器預設通常為 16px。
快速換算表
| Rem | 像素 |
|---|---|
| 0.5rem | 8px |
| 0.75rem | 12px |
| 1rem | 16px |
| 1.25rem | 20px |
| 1.5rem | 24px |
| 2rem | 32px |
| 2.5rem | 40px |
| 3rem | 48px |
| 4rem | 64px |
| 5rem | 80px |
rem 換算成像素是多少?
rem 是相對單位,代表 html 元素的字級。要換成像素,就把 rem 值乘上根字號。瀏覽器預設 16px 時,1rem 是 16px、0.5rem 是 8px、1.5rem 是 24px。
因為答案會跟著根字號改變,rem 轉 px 只有先知道項目把 html 設成多少才有意義。這個工具把根字號顯示出來、附上乘法算式,並依你選的字號列出常用 rem 對照表。
如何把 rem 換算成 px
- 先設定根字號;按 16px 是瀏覽器預設,按 10px 是常見的 62.5% 寫法。
- 輸入要換算的 rem 值,例如 1.5。
- 按「換算成 px」,結果區會顯示像素值、對應的乘法算式與複製按鈕。
- 再對照下方表格,確認同一個根字號下其他常用 rem 的像素值。
rem 轉 px 範例
瀏覽器預設
根字號 16px,1rem
16px
半級距
根字號 16px,0.5rem
8px
62.5% 寫法
根字號 10px,2.4rem
24px
UrsaKit 與其他 rem 轉 px 工具比較
| 比較項目 | UrsaKit | pixelsconverter.com | codebeautify.org | nekocalc.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,讓文字跟著用戶設定縮放。在交界處換一次,兩邊各自維持同一種單位就好。
會上傳任何內容嗎?
不會,全部在瀏覽器裡完成。