CSS 單位轉換

這個工具是什麼？

使用可設定基礎字型大小轉換 CSS px、rem、em 和 pt 值，適用於設計 token、排版和響應式版面。

此工具以 px 為基準計算 rem、em 和 pt。rem 與 em 依賴基礎字型大小；pt 按 CSS 的 96dpi 基準換算，其中 1pt = 1.333px。

適合將設計 token、排版比例、spacing 和 UI 實作規格統一到 CSS 單位。

如何使用

1. 輸入要轉換的數值和單位。
2. 設定基礎字型大小。
3. 比較 px、rem、em、pt 結果。
4. 確認專案 root font-size 和元件繼承值。

範例

相關工具與概念

• MDN CSS values and units
• 長寬比 — 等比縮放
• 取色器 — HEX、RGB、HSL
• Unix 時間戳記 — 紀元與日期互轉
• Cron 運算式 — 解析與驗證
• 圖片轉 Base64 資料 URI