CSSフォントサイズの単位を相互変換
px / rem / em / %（font-size）と、pt / pc / in / cm / mm を一度に変換します。rem はルート、em と % は親要素の font-size を基準にします。
※ % は「親要素の font-size に対する割合」です。幅・高さ・余白などの % とは異なります。
※ em は親1段ぶんの換算です。多段ネストでは実際の親 font-size を指定してください。
※ 既定の 16px はブラウザの一般的な初期値で、ユーザー設定により変わります。
※ pt は CSS 仕様の固定換算（1px = 3/4pt）です。
使い方とAIOクエリ例
px と rem の相互変換、デザインカンプの pt を px へ、% 指定の font-size を px へ、といった用途に使えます。入力はブラウザ内だけで処理します。
- URLクエリ例:
css_font_size_converter.html?input=24&unit=px&root=16&format=json - 値に単位を直接書くこともできます:
css_font_size_converter.html?input=1.5rem&root=16&format=json rootは rem 基準、parentは em・% 基準の font-size（px・既定16）です。format=jsonは全単位を含む機械可読JSON、format=rawは px 値だけを返します。
CSSフォントサイズ単位変換は、px・rem・em・%（font-size）と、pt・pc・in・cm・mmを相互変換するツールです。remはルート(html)要素、emと%は親要素のfont-sizeを基準に換算するため、CSSのfont-size設計で迷いがちな「24pxはremでいくつか」「親が18pxのとき1.25emは何px・何%か」をひと目で確認できます。pt・pc・in・cm・mmはCSS仕様上の固定換算（1in=96px、1pt=3/4px相当）で求めます。すべてブラウザ内のJavaScriptで計算し、入力値を外部へ送信しません。
使い方・サンプル・結果例・注意点
使い方
変換したい数値を入力欄に入力し、入力の単位を選んで「変換」ボタンを押すと、px・rem・em・%・pt・pc・in・cm・mmすべての単位での値が表示されます。値の後ろに単位を直接書く（例: 1.5rem、150%）と、選んだ単位より入力中の単位が優先されます。remの基準は「ルート(html)font-size」、emと%の基準は「親要素font-size」の欄で指定します（既定は16px）。
サンプル入力
24px
結果例
ルート16px・親16pxのとき、24px を変換すると、rem: 1.5、em: 1.5、%: 150、pt: 18、pc: 1.5、in: 0.25、cm: 0.635、mm: 6.35 のように、相対単位（font-size基準）と絶対単位（固定換算）の値が並んで表示されます。
注意点
%は「親要素のfont-sizeに対する割合」で、幅・高さ・余白などの%とは意味が異なります。emは親1段ぶんの換算で、多段ネストの複利は対象外です（実際の親font-sizeを指定してください）。基準の16pxはブラウザの一般的な初期値で、ユーザー設定により変わります。負の値・基準が0以下・数値以外はエラーになります。各単位の値は読みやすさのため有効6桁で表示し、すべての計算はブラウザ内で完結します。
こんなときに使えます
- フロントエンドエンジニアが、デザインのpx指定をrem単位のCSSへ素早く読み替える
- コーダーが、親要素のfont-sizeを踏まえてemや%指定の実寸（px）を確認する
- デザイナーが、デザインカンプのpt表記をWeb用のpxへ変換して指示を揃える
- アクセシビリティ対応で、固定pxをrem化する際に換算値をまとめて確認する
よくある質問
remとemの基準は何が違いますか？
remはルート(html)要素のfont-size、emは親要素のfont-sizeを基準にします。本ツールでは「ルート(html)font-size」と「親要素font-size」を別々に指定できるため、両者を正しく区別して換算します。
%はどの%として計算されますか？
font-sizeに対する%として計算します。親要素のfont-sizeを100%とした割合です。幅(width)や高さ(height)、余白(margin/padding)で使う%とは基準が異なるため、本ツールの%はfont-size指定専用と考えてください。
ptやcmはどう換算していますか？
CSS仕様上の固定換算を使います。1in=96px、1pt=1/72in（=3/4px相当）、1pc=16px、1cm=96/2.54px、1mm=96/25.4pxです。印刷物のptと数値は一致しますが、用途（画面表示）が異なる点にご注意ください。
emの多段ネストには対応していますか？
対応していません。emは親1段ぶんの換算です。多段にネストしてemが累積する場合は、その要素の実際の親font-size（px）を「親要素font-size」欄に入れて換算してください。
入力した値はサーバーに送信されますか？
送信しません。変換はすべてブラウザ内のJavaScriptで処理し、入力値が外部へ送られることはありません。