CSS単位変換

このツールについて

設定可能な基本フォントサイズで CSS の px、rem、em、pt 値を変換します。デザイントークン、タイポグラフィ、レスポンシブレイアウトに便利です。

このツールは px を基準に rem、em、pt の値を計算します。rem と em は基準フォントサイズに依存し、pt は CSS の 96dpi 基準で 1pt = 1.333px として換算されます。

デザイントークン、タイポグラフィスケール、spacing、UI 実装仕様を CSS 単位に合わせるときに便利です。

使い方

1. 変換する数値と単位を入力します。
2. 基準フォントサイズを設定します。
3. px、rem、em、pt の結果を比較します。
4. プロジェクトの root font-size と継承値を確認します。

例

関連ツールと概念

• MDN CSS values and units
• アスペクト比 — 歪みなくリサイズ
• カラーピッカー — HEX, RGB, HSL
• Unixタイムスタンプ — Epochと日時
• Cron式パーサー — スケジュールと検証
• 画像→Base64 — データURI