px→rem (16px基準)

このツールでできること

• px→rem (16px基準)では、CSS内のpx値を16px基準でremへ置き換え、ルート基準の相対値を小数4桁で確認する。
• 関連する観点として px→rem (16px基準)、px to rem、開発ツール を確認し、結果をコピーして別の作業に使えます。

使い方

1. root基準にしたいCSSを「入力」欄へ入れます。
2. px付きの数値が見つかると、結果側で rem に変換された文字列へ置き換わります。
3. 32px → 2.0000rem のように小数4桁固定なので、必要に応じて後で丸めます。
4. html の font-size を変更しているサイトでは、16px基準のままでよいか実装側の設計と照合します。

入力例・出力例

よくある利用シーン

• デザインカンプのpx指定を、サイト全体で扱いやすいrem値へまとめて置き換えたいとき。
• ネストしたコンポーネントでも寸法を安定させたいCSSを、emではなくremに寄せたいとき。
• 手計算したrem値が16px基準で合っているか、短いスタイル断片で検算したいとき。

結果確認のポイント

• 構文、引用符、改行、エスケープが利用先の仕様に合っているか確認してください。
• px→rem (16px基準)、px to rem、開発ツールの観点で、入力内容と出力内容がずれていないか見直してください。
• コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。

注意点

• 本番の秘密情報、APIキー、パスワードは入力しないでください。
• 結果を公開・送信する前に、用途に合う形式かを必ず確認してください。

データの扱い / プライバシー

• px→rem (16px基準)の主要な処理はブラウザ内で実行されます。
• 入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
• 本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。

よくある質問

関連ツール