PX 轉 REM 轉換器
依項目使用的根字號把像素換算成 rem。輸入 html 的 font-size 與 px 值，複製 rem 結果，下方對照表會跟著根字號重算。
像素轉 rem
輸入有效數值即可查看換算結果。
根字體大小決定 1rem 對應的 px 值，瀏覽器預設通常為 16px。
快速換算表
| 像素 | Rem |
|---|---|
| 8px | 0.5rem |
| 12px | 0.75rem |
| 14px | 0.875rem |
| 16px | 1rem |
| 18px | 1.125rem |
| 20px | 1.25rem |
| 24px | 1.5rem |
| 32px | 2rem |
| 48px | 3rem |
| 64px | 4rem |
rem 是什麼？
rem 是 CSS 的相對長度單位，基準是根元素 html 的字級，而不是父層元素。1rem 等於 html 的 font-size，瀏覽器預設是 16px，除非樣式表改了它。也因為會跟著用戶自己的字級設定，rem 常被用來做字體階層與間距。
同一個 rem 在不同站台代表不同像素：根字號 16px 時 1rem = 16px；若使用 62.5% 的寫法，根字號是 10px，換算就變成移動小數點。這個工具把根字號攤開來，讓你依項目實際的慣例換算。
如何把 px 換算成 rem
- 先設定根字號；按 16px 是瀏覽器預設，按 10px 是常見的 62.5% 寫法。
- 輸入要換算的像素值，例如設計稿上的 24。
- 按「換算成 rem」，結果區會顯示數值、對應的除法算式與複製按鈕。
- 下方對照表列出附近尺寸的 rem 值，並跟著同一個根字號重算，整頁數字保持一致。
px 轉 rem 範例
瀏覽器預設
根字號 16px，16px
1rem
設計稿數值
根字號 16px，24px
1.5rem
62.5% 寫法
根字號 10px，20px
2rem
UrsaKit 與其他 px 轉 rem 工具比較
| 比較項目 | UrsaKit | pixelsconverter.com | codebeautify.org | nekocalc.com |
|---|---|---|---|---|
| 費用 | 免費 | 免費，含廣告 | 免費，含廣告 | 免費，含廣告 |
| 對照表跟隨根字號 | 有 | 無 | 部分 | 部分 |
| 16px / 10px 一鍵預設 | 有 | 無 | 無 | 無 |
| 顯示換算算式 | 有 | 無 | 無 | 無 |
| 上傳任何內容 | 不會 | 不會 | 不會 | 不會 |
常見問題
常見問題
1rem 等於幾 px？
瀏覽器預設根字號是 16px，所以 1rem = 16px；若 CSS 把 html 字級設為 62.5%，1rem 就是 10px。換算前先確認項目實際的根字號。
為什麼預設是 16px？
瀏覽器對 html 的預設字級就是 16px，只要頁面沒有改動，1rem 就會是 16px。用戶可以在瀏覽器設定調高或調低，這正是 rem 會跟著偏好縮放、而 px 不會的原因。
把 html 字級設為 62.5% 是什麼意思？
16px 的 62.5% 是 10px，所以 1rem 變成 10px。這樣 px 換 rem 就只要除以十，24px 等於 2.4rem。
CSS 該用 px 還是 rem？
會跟著用戶設定縮放的字級與間距用 rem；邊框、細線這類希望固定粗細的用 px。兩者混用很正常，重點是換算時知道自己用的是哪一套。
24px 是多少 rem？
把像素值除以根字號：24 ÷ 16 = 1.5，所以預設根字號下 24px 是 1.5rem；根字號 10px 時則是 2.4rem。
轉換時會上傳資料嗎？
不會。換算完全在瀏覽器裡進行，不會傳到伺服器。