如何使用
- 在「根字號」中確認項目的
html font-size，常見預設值爲 16px。 - 在 PX 輸入框鍵入設計稿尺寸，例如
24。 - REM 輸入框會立即顯示
1.5rem；也可以反向輸入2rem推算爲32px。 - 查看下方對照表，快速核對常見字號、間距或 Tailwind spacing 對應值。
核心功能
- 雙向即時換算：輸入 PX 或 REM 均可瞬間得到結果，無需點擊計算按鈕。
- 自訂根字號：預設 Base Size 爲 16px，可根據項目配置改爲 10px、14px 或其他根字號。
- 內置對照表：常用尺寸會隨根字號同步刷新，例如 12px、16px、24px、32px 對應的 REM 值。
- Tailwind spacing 參考：顯示常見像素值對應的 Tailwind spacing token，方便把設計稿間距映射到實用類。
- 純本機極速計算：所有換算都在瀏覽器記憶體中完成，不依賴網路請求。
相關工具
線上壓縮或美化 CSS 代碼：移除注釋與空白減少體積，並顯示節省百分比；也可一鍵反混淆還原可讀格式。全程瀏覽器本機處理，不上傳代碼。
免費線上 JSON 工具：一鍵美化/壓縮、語法校驗、錯誤高亮，並自動生成 TypeScript 接口與 Zod Schema。純瀏覽器本機處理，資料不上傳。
免費的 JSONPath Tester / Evaluator：貼上 API JSON，實時提取匹配節點、查看路徑並複製 JSON 結果。解析與查詢都在瀏覽器本機完成。
在瀏覽器本機將 JSON 對象或對象數組轉換爲 CSV，展開嵌套字段，預覽結果並複製或下載檔案，無需上傳資料。
將 CSV 文本或檔案在瀏覽器本機實時轉換爲 JSON 數組，支援表頭、逗號/分號/Tab 分隔、拖曳檔案、複製和下載，無需上傳資料。
在瀏覽器本機比較兩個 JSON，按 Key 排序後做語義化 Diff，忽略字段順序幹擾，標記新增、刪除和修改字段，無需上傳資料。
把格式化 JSON 壓縮爲一行，移除縮進、換行和多餘空白，並實時查看壓縮前後體積與節省比例。
免費的 JSON 轉 TypeScript 工具。一鍵將 API JSON 響應自動推導並生成強類型的 TS Interfaces 和 Types 代碼。純瀏覽器前端處理，嚴格保護您的業務資料與接口結構隱私。
計算邏輯
- PX 轉 REM 公式：
REM = PX / Base Size。 - REM 轉 PX 公式：
PX = REM × Base Size。 - 預設情況下瀏覽器根字號通常爲 16px，因此
16px = 1rem，24px = 1.5rem。
常見問題
1rem 等於多少 px？
預設瀏覽器設定下，1rem 通常等於 16px。但如果項目修改了 html { font-size }，就應以實際根字號為準。
PX 和 REM 有什麼區別？
PX 是固定像素單位；REM 相對於根元素字號，更適合響應使用者字號偏好與可訪問性設定。
爲什麼很多項目用 10px 作爲根字號？
部分項目會設定 html { font-size: 62.5%; }，讓 1rem 約等於 10px，便於心算。但要注意使用者字號設定和可訪問性影響。
支援 EM 換算嗎？
當前工具聚焦 PX 與 REM 的雙向換算。EM 取決於當前元素自身字號，不一定等於根字號，因此暫不寫入計算承諾。
這個工具會上傳 CSS 或設計資料嗎？
不會。換算只發生在瀏覽器本機，沒有檔案上傳或伺服器計算。