PXからREMへの変換
任意の基準フォントサイズで、pxからrem、remからpx、pxからemへの変換を行います。コピー用のCSS行とリアルタイムの参照表付きです。
🔒 ブラウザ内で完全に処理されます。ここに入力した内容はアップロードされません。
結果
rem単位はレイアウトをアクセシブルに保ちます。ユーザーのフォントサイズ設定に応じてスケールしますが、一日中16で割り算をしていたくはありません。このコンバーターはリアルタイムに計算します。方向(pxからrem、remからpx、pxからem)を選び、値を入力すると、font-size: 0.875rem;のようなコピー用のCSS行と共に結果が即座に表示されます。
基準フォントサイズフィールドにより、このツールはあらゆるプロジェクトに適合します。ブラウザのデフォルトは16pxなので、初期状態では1rem = 16pxですが、多くのコードベースではhtml { font-size: 62.5% }と設定して1rem = 10pxにしています。基準に10を入力すれば、すべての変換と表の行がそれに従います。pxからemへの方向は、ルートではなく親要素のフォントサイズに対して同じ計算を行うもので、これがCSSにおけるemとremの違いそのものです。
結果の下には、最も一般的なデザインサイズ(1、2、4、8、10、12、14、16、18、20、24、32、48、64ピクセル)を現在の基準で変換済みの参照表が表示され、基準と一致する行が強調されます。これは、普段モニターに貼り付けている虎の巻を、実際に使用している基準と常に同期させたものです。
すべての処理は入力と同時にブラウザ内でローカルに行われます。アップロード、サインアップ、サーバーとの通信は一切不要です。remからpx、pxからem、10px基準、14、24、32pxといったよく使われる値のプリセットページでは、コンバーターがそれらの特定の質問に対して設定済みの状態で開きます。